Jump to content

Problem with text on frontpage in IE7


Recommended Posts

Hi!
Im having problem with text on the frontpage, since its overlapping the products in IE7 (yes i know its a shitty browser but ppl still use it).

Please see attached image, dont have a clue at the moment on how to fix it...

Any help appreciated.

6844_jrJoYraClAgMQrtoAvSY_t

Link to comment
Share on other sites

Tobias, I can see quite a few problems with your css.

For example the #page is 1000px wide, this contains a #header which is #1000px wide and had padding of 5px so its 10px wider than #page which is its container.

#header is absolutely positioned, as is your main menu - but I have no idea why you would position these in this way. Then I see your #left-column has margin-top of 200px to keep it below the header (because header is absolutely positioned its taken out the normal flow). But then you have padding-top of 20px to stop the left column sitting on the navigation menu (itself absolutely positioned). You other columns have a margin-top of 233px

You editorial block has css rules {margin: auto auto 2em} - this means top, right and left margins are auto, also in your css there are color rules such as "color:fff!important;" which can create issues

Overall, there is to much that needs to be changed to provide a simple answer about what CSS changes are required but, at the very least validate your CSS and HTML, fix your errors, review the way you are coding your CSS and go from there

Link to comment
Share on other sites

×
×
  • Create New...