IE CSS Hacks

hawkhench · 16 Dec 2008 at 15:45

http://mindscapemedia.co.uk/bug.html

Hi, it's a while since I came across this bug, forgot which fix I used for it last time. If anyone could point me to a suitable page or alternatively tell me how to get round this issue I'd be grateful.

Check the page in FF/Safari/Chrome it works how I intend it to, check it in IE it bugs out and the last div goes over onto the next line.

I've spent more than an hour messing around with different hacks trying to fix this now

TwoSaints · 16 Dec 2008 at 16:26

It works correctly if you change your wrapper css to the following for IE:

Code:

#wrapper {
      margin: 0 auto;
      padding: 0;
      width: 660px;
      text-align: left;
    }

This is because your wrapper is 660px - 10px padding on the left and 10px padding on the right leaving you with 640px, into which you are trying to put 660 wide content.

hawkhench · 16 Dec 2008 at 17:26

Thanks a lot

TwoSaints · 16 Dec 2008 at 21:36

no problem

probedb · 17 Dec 2008 at 15:55

For future reference, http://www.positioniseverything.net/