i saw this code on a template and can't find out exactly what it does..
#wrap {
width:760px;
\width:780px;
w\idth:760px;
border:3px solid #ff8d1d;
margin-left:auto;
margin-right:auto;
text-align:left;
}
I know it's a style that wraps the whole page but what is the difference between these and why would one be 780px and the others 760?
width:760px;
\width:780px;
w\idth:760px;
Thanks,
Shawnthis is one of the hacks to help with misinterpretation of the css box model
I imagine that the template may have had margins and padding that added up to 20px at some point? anyway this is a hack to get around some browsers' (IE) misinterpretations.
You can read more about it here (<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=BoxModelHack">http://css-discuss.incutio.com/?page=BoxModelHack</a><!-- m -->)
it would be the "simplified Box Model Hack" or SMBH that can be found by scrolling down the page a little.thank you... thats just what i needed.
#wrap {
width:760px;
\width:780px;
w\idth:760px;
border:3px solid #ff8d1d;
margin-left:auto;
margin-right:auto;
text-align:left;
}
I know it's a style that wraps the whole page but what is the difference between these and why would one be 780px and the others 760?
width:760px;
\width:780px;
w\idth:760px;
Thanks,
Shawnthis is one of the hacks to help with misinterpretation of the css box model
I imagine that the template may have had margins and padding that added up to 20px at some point? anyway this is a hack to get around some browsers' (IE) misinterpretations.
You can read more about it here (<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=BoxModelHack">http://css-discuss.incutio.com/?page=BoxModelHack</a><!-- m -->)
it would be the "simplified Box Model Hack" or SMBH that can be found by scrolling down the page a little.thank you... thats just what i needed.