html - Compatibility issues with IE7? -
I am working on a site and IE 7 / Firefox (working) versus IE7 (not working) I am on issues of compatibility with) Anyone can take a look at the following CSS and screenshots and tell me why my site is broken in IE 7 and what can I do to fix it?
The site in question stays here:
and my CSS part for that view
#landingMainContainer {padding-left: 10px; Margin: 0 auto; Text align: center; Min height: 400px; Width: 960px; }. Landingtop {width: 100%; Minute-height: 400px; Background: URL ('/ content / images / bg_grey1_v2' '') no-repeat; }. Landingtoinfo {padding-top: 10px; Text-align: left; Width: 50%; Padding-left: 15px; }. LandingToolfix Text {padding-left: 20px; Padded-top: 20px; Swim left; Color: # 000000; Font-size: 20px; } .landingTopInfoTextTitle {font-size: 26px; Text-align: left; Padding-left: 40px; Cushion Top: 10px; Clear: left; Color: # 209202; } .landingTopInfoTextContents {font-size: 12px; Padding-left: 40px; Cushion Top: 10px; Clear: left; Color: # 000000; } .landingTopInfoSignUpSection {Clear: left; Swim left; Padding-left: 40px; Padded-top: 30px; }. LandingTownfinowsword text (padding-left: 10px; paddle-top: 10px; floating left; font-weight: normal;} LandingTopInfo {float: right; background: url ('/ content / images / dashboard_mapup page') no-repeat; Width: 40%; Height: 290px;} Landingbottom Info {Width: 100%; Swimming Left; padding-left: 20px; Color: # 000000;} Landing Bottom Infosite {Float: Left; Width: 30%; text-align : Left; font-size: 10px; font-weight: normal; padding-left: 20px;}. Landingbotmine Phodization text {width: 66%; right boat; text-align: left;} Landingbottom infodationfestline (font-size: 11px; fonts thickness: bold;}. Landingbotum {width: 100%; minute-height: 150px; } Landingbottom Lightschaft {Background: url ('/ content / images / bg_gree_v2 page') no-repeat; width: 60%; minute-height: 140px; swimming on the left;} Landingbottom Lightsiteitital {font-weight: normal; font -size: 19px; color: #FFFFFF;} landingbottom lectchaetime im H {float: left; padding-left: 40px; padding-top: 10px;}. Landingbotm Leftssn text (padding-right: 100px; Cushion Top: 10px; float right; }. Landingbottom LeftSiteTextile {font-weight: bold; Color: # 000000; Font-size: 14px; }. Landingbottom LightsiteText Sentence {text-align: left; Color: # 000000; Cushion Top: 10px; Padding-left: 15px; Font-weight: normal; Font-size: 10px; }. Landing Bottom Writings {Padding-Top: 7px; Width: 35%; Minute-height: 140px; float right; }. Landingbootrmiteiteitital {text-align: left; Color: # 209202; font-weight: bold; }. Landingbottom right ad text {width: 70%; Color: # 000000; Font-size: 10px; Font-weight: normal; Padding-top: 15px; Text-align: left; Swim left; }. Landingbotmrrighttext links {text-align: left; Padded-top: 20px; } A.landingBottomRightSectionTextLink: link {color: # 3399FF; Text-decoration: None; font-weight: bold; Font-size: 11px; } A.landingBottomRightSectionTextLink: active {color: # 3399FF; Text-decoration: None; font-weight: bold; Font-size: 11px; } A.landingBottomRightSectionTextLink: Visited {color: # 3399FF; Text-decoration: None; font-weight: bold; Font-size: 11px; } A.landingBottomRightSectionTextLink: hover {color: # 3399FF; Text-decoration: underlined; font-weight: bold; Font-size: 11px; }. Landing BottomMight Side Image {Width: 30%; float right; }
Here is a screenshot of the website displayed in IE8: < Here in IE7 there is a disturbing website:
Start with adding a float: LandingToMinfo left:
.landingTopInfo {float: left; Cushion Top: 10px; Text-align: left; Width: 50%; Padding-left: 15px;}
He'll get you in the ballpark.
For the Landing BottomInfo area, I will rotate the image and text item (.landingBottomInfoSectionText) to the left and set the left padding to fit.
Comments
Post a Comment