By spritemusketeer on

Hi Everyone,

I am working on this community web site http://www.nlcg.org.uk/

I am using the Blue marine theme and holding the text width like this.

It works fine in safari and firefox on a mac but doesn't seem to work in Internet Explorer.

#main {
/* padding in px not ex because IE messes up 100% width tables otherwise */
width: 500px;
padding: 10px;
margin: 0;
}

I am really stuck so any advice would be really appreciated.

Many thanks

Simon

⋅ Categories: Drupal 6.x

Comments

scottiw2000’s picture

scottiw2000 commented

Are you familiar with the way IE handles padding? The other browsers you mention all add the padding to the basic width dimension. So in FF, Safari, etc. you will get a div with a width of 520px (left padding + width + right padding). IE, though, treats the padding as if it comes inside the basic width dimension. So with your css you would see a div 500px wide and the contents would only be allowed 480px. If this is the issue, there are some good workarounds. I don't have them in my brain at the moment but you can just google "ie css padding fix" and you'll find the standard fixes.