Hi ppl,
I am working on a website that is built using a CSS layout. I have some div’s that need padding. There is not really a problem, I just want some advice.
I am currently using
#content
{
width: 380px;
padding: 10px
}
to get a DIV that is 400px in width. To get this working properly in IE I had to remove:
<?xml version="1.0" encoding="iso-8859-1"?>
from my page. This is because IE will render in quirk mode if I leave this line in there. Padding becomes a problem when IE renders in quirk mode, since then the padding is substracted from the width of the div, in stead of adding it to the div width (like FF does).
This is one way to solve the padding problem, but there is another solution: use padding on your
tag instead of on your div. The code would be:
#container
{
width: 400px
}
#container p
{
padding: 10px
}
My question is: which way is best? Does it even matter which solution I use?
Thnx in advance! :cowboy: