IE box model issue with nested divs

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
califdon
Jack of Zircons
Posts: 4484
Joined: Thu Nov 09, 2006 8:30 pm
Location: California, USA

IE box model issue with nested divs

Post by califdon »

Actually, IE misinterprets the box model to give me exactly what I want, but in other browsers it doesn't look right. What I want is a fancy border consisting of 3 nested thin lines around the whole content space. I styled the 3 nested divs with appropriate borders and margins. I understand the so-called box model bug in IE (it counts the margin, border, and padding as inside the specified width--the standard says the width is inside those elements). Does anyone know of a workaround that would give me the results I want? See my illustration below.
Attachments
borders.gif
Post Reply