Forum Moderators: not2easy

Message Too Old, No Replies

Different width in IE than Firefox

Not inline problem...

         

Shabutie

1:27 am on Jan 31, 2005 (gmt 0)

10+ Year Member



Here's what I have, I tried adding that display: inline; , but alas it's not helping me.
Here's my code for the header of the content area.
It's just a solid blue box that has one word in the middle of it. Very simple, in Firefox it's aligned correctly, but in IE it's longer by about 24 pixels. Why?

div#contentheader {
background-color: #008;
border-top: #000 2px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
color: #fff;
font-size: 10px;
height: 15px;
margin-left: 30px;
padding-top: 3px;
width: 566px; }

Any help is appreciated!

4css

11:33 am on Jan 31, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi Shabutie
The reason for this is because IE renders the box model different then the other browsers do.

If you look Here [webmasterworld.com] there is a post that explains this for you.

Hope this helps you out.