CSS Problem - Doesn;t work in IE

[paws]

Hi All

 

I am putting the finishing touches on a site and looks great in Firefox but in IE the menu and all the boxes have no padding and site hard against the left rule of the menu/cetegory box/info boxes.

 

I am assuming that this bit of CSS controls the menu/category items:

 

.plainBox  { font-size: 10px; font-family: Verdana, Arial, sans-serif; line-height: 18px; background: transparent; padding-left: 9px; padding-right: 8px; border-width: 1px; border-color: red; outline-width: 1px; outline-color: red }

 

Anyone help?

 

Any help appreciated

[minitabs]

see below :P

[minitabs]

Hi,

 

First off I am not sure if that controls the menu, so with that in mind here I go:

 

So basically you don't get the padding to work right? Maybe you have the universal selector aka * { set to padding="0"

Another issue might be the "box model" problem that persists in IE5/Win and IE5.5/Win.

Dont forget that padding adds to you container aka if you have a div who's with is 100px and padding=5px, that div will have a 110px width.

 

To hack the "box model" issue in IE use:

 

div.content {

border:20px solid;

padding:30px;

background: #ffc;

}

 

div.content {

width:400px;

voice-family: "\"}\"";

voice-family:inherit;

width:300px;

}

 

html>body .content {

width:300px;

}

 

where the div is you container. I also see that you do not have a set width for your container. Hence your container may be set to inline. Try setting it to block. aka

 

.plainbox {

display: block;

}

 

Or maybe you are trying to add a margin instated of padding which is sometimes the case :P

 

--

Cheerio mate

[paws]

Thanks heaps for that... excuse me lack of css knowledge but where do i put em?