<div> container not displaying properly in IE7

  • raestanton
  • Newbie
  • Newbie
  • raestanton
  • Posts: 5

Post 3+ Months Ago

Hi There

I have modified a site that was designed by someone else using <div>s but some pages aren't displaying properly in IE7. (Displays beautifully in Firefox, Safari, IE6 and IE8?!) Seems the container isn't big enough so the footer is appearing in the middle of hte page instead of at the bottom.

Here is one of the pages:

and here is the CSS used:

The <div id="wrapper"> seems to be causing the problem.

Any help would be much appreciated!

  • radek82
  • Born
  • Born
  • radek82
  • Posts: 2

Post 3+ Months Ago

Not 100% sure but it could be a IE7 bug.
Try running your CSS file on the W3C CSS Validator (http://jigsaw.w3.org/css-validator/)

There is probably a work-around. Try adding min height and height.
Or write a own CSS for IE7 with a javascript validator to check for browser.

Know that is not the best answer but hopefully it will guide you in right direction to find a solution.

<link href="ie7_styles.css" rel="stylesheet" type="text/css" />
<!--[if gt IE 7]><style type="text/css">#content {margin-top: 20px;}</style><![endif]-->

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 19 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum

© 1998-2017. Ozzu® is a registered trademark of Unmelted, LLC.