Crossbrowser Compatibility Issues
When aligning elements like this, it is always a good idea to
predefine margin and padding for the <body> element. This is to avoid
visual differences in different browsers.
There is a problem with IE8 and earlier when using the float
property. If the !DOCTYPE declaration is missing, IE8 and earlier versions will
add a 17px margin on the right side. This seems to be space reserved for a
scrollbar. Always set the !DOCTYPE declaration when using the float property:
Example
body
{
margin:0;
padding:0;
}
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}
{
margin:0;
padding:0;
}
.right
{
float:right;
width:300px;
background-color:#b0e0e6;
}
No comments:
Post a Comment