1 reply [Last post]
ozzel
Offline
newbie
Last seen: 16 years 47 weeks ago
Joined: 2003-08-15
Posts: 5
Points: 0

I'm testing a re-vamping of my company's website using 100% CSS for layout. I've got it looking great in all the latest Mac browsers, but when I tested it in IE6 for Windows, I didn't get expected results. Here's one of the sample pages:

http://www.magnesystems.com/pointb/about.asp

If you're using IE6 for Windows, you can plainly see a large gap to the right of the text. Scroll all the way to the right to see an image of a female cop holding a gun. The white gap shouldn't be there, and I think it has to do with IE6/Win somehow doubling the padding-right value in the div. Here's the relevant CSS for the associated div:

div.content {
margin-top:59px;
border-top:1px solid #C00;
padding:40px 254px 0px 120px;
position:absolute;
}

I purposely left out a width value because I want the div to expand and contract as the user resizes the browser window. Since I discovered the problem, I've tried adding width values of 100%, auto, and fixed pixel sizes, all which did nothing to fix the big white gap.

Is there a IE6/Win hack to fix this? Thanks in advance.

ozzel
Offline
newbie
Last seen: 16 years 47 weeks ago
Joined: 2003-08-15
Posts: 5
Points: 0

Padding is messed up in IE6/Win

Please disregard. I am trying out some of my own css work arounds.