[Help Needed] Internet Explorer padding problem. - Webmaster Forum

05-26-2005, 10:43 PM

Bas

Status: I love this place
Join date: Jan 2005
Location: The Netherlands
Expertise: Frontend, vBulletin
Software: Coda, Photoshop

Posts: 607

iTrader: -1 / 0%

Bas is on a distinguished road

[Help Needed] Internet Explorer padding problem.

Hi, I'm having some spacer problems on my new layout.

As you can see in Firefox it has 7px padding (as supposed too) and in Internet Explorer it has 10px padding.
I know it is caused by the red sidebar so here's the CSS code for that sidebar:

Code:

#navigation {
  padding: 0;
  margin: 0;
  width: 150px;
  float: left;
}

And the CSS code for the content:

Code:

#content {
  margin: 0 0 0 160px;
}

My layout's wide is 760px, so 150+10+600 is excactly right. (content is 600px wide with 10px spacing)
Though if I change the content CSS to:

Code:

#content {
  margin: 0 0 0 160px;
  width: 600px;
}

In IE the content will be under the sidebar, and in FireFox it looks ok.
if I get rid of the margin part and look in IE, I can see that there's about 3px between the sidebar and the content, so some kind of stupid IE spacer bug must be causing it, this also appears to happen with images regularly.

Does anyone know a hack/line of CSS to fix this padding problem?

05-27-2005, 01:23 AM

schroder

Status: Member
Join date: Nov 2004
Location:
Expertise:
Software:

Posts: 159

iTrader: 0 / 0%

schroder is on a distinguished road

This is not necessarily a solution, but I'm hoping this will help.

If not I would like to tinker with it myself to see what's going on.

Here's a link with a 'ie css hack':
http://www.tantek.com/CSS/Examples/boxmodelhack.html

I've never tried it myself because I haven't run into the problme but I've seen it before.

05-27-2005, 01:31 AM

Legendary

Status: Member
Join date: Nov 2004
Location:
Expertise:
Software:

Posts: 115

iTrader: 0 / 0%

Legendary is on a distinguished road

Aside from that, the CSS you gave really isn't enough information. We need to look at everything. All we know is that the #content shifted to the left, and the navigation is floated to the left. Nothing more about that particular box you have question for.

05-27-2005, 05:52 AM

Bas

Status: I love this place
Join date: Jan 2005
Location: The Netherlands
Expertise: Frontend, vBulletin
Software: Coda, Photoshop

Posts: 607

iTrader: -1 / 0%

Bas is on a distinguished road

Schroder: boxmodelhack didn't seem to work that well.
Legendary: everything in the content is 3px of, I'll update my post with some more information though.