CSS Box Model

himalaya · 02-03-2012, 11:57 AM

<html>
<head>
<style type="text/css">
div.ex
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}
</style>
</head>

<body>
<img src="250px.gif" width="250" height="1" /><br /><br />

<div class="ex">The line above is 250px wide.<br />
The total width of this element is also 250px.</div>

<p><b>Important:</b> This example will not display correctly in IE8 and earlier
versions!<br />
However, we will solve that problem in the next example.</p>

</body>
</html>

fredrikrob · 02-03-2012, 08:06 PM

What is the Css Box in this ? Are you looking for any solution or it's kind of discussion post ?
I cant get you what you are looking for .

felgall · 02-03-2012, 08:47 PM

Quote:

Originally Posted by himalaya

This example will not display correctly in IE8 and earlier
versions!

It will if you include a doctype tag as the very first thing in the page. Then the box model will work correctly all the way back to IE6.

It is only in IE5 which introduced those CSS commands while they were still in draft and then had the meaning change d in the final standard where it is not possible to get the box model to work correctly. As that browser is long dead the IE5 version of the box model is only of historical interest to any site written since IE6 was first released.