firefox ie compatibility issue (borders)

firefox ie compatibility issue (borders) (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets

Message

scratt -> firefox ie compatibility issue (borders) (12/21/2004 14:40:22)
I have a problem with compatibility with ie and firefox. i have a div element with border-left: 1px solid #FF0000 and width:100px. in IE the actual box size of the div element is 100px and in firefox 101px . even this one pixel is critical. can anyone help?

Kitka -> RE: firefox ie compatibility issue (borders) (12/22/2004 0:30:39)
A URL where we can see it in action might help?

jaybee -> RE: firefox ie compatibility issue (borders) (12/22/2004 12:00:37)
It's a bug in IE. You should find the layout you get in Firefox is the same as in Netscape, Opera and Mozilla. quote: Unfortunately, IE5 and IE6 in quirks mode, thinks that when you set the width, you're setting the sum of the content area, the boders and the padding instead of just the content area as it should be. And IE6 lets the margins and replaced elements of a child element affect the width of the containing block whilst asserting in the MS documentation that this is not allowed. Take a look at this for more info http://tantek.com/CSS/Examples/boxmodelhack.html

d a v e -> RE: firefox ie compatibility issue (borders) (12/22/2004 12:40:48)
or more correctly, it's not a bug but MS did it wrong :)

Page: [1]

Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI

0.0625