HTML and CSS Reference
In-Depth Information
height:50px;
background:#ccc;
}
#notfloated {
margin-left:300px;
background:#eee;
}
At this point, everything will look right in Firefox and Safari, but not IE 6 (see Figure 14-10).
Figure 14-10. The “jog” isn't very noticable (top), but it's definitely there (zoomed on left); on the
right, the fix has been applied.
However, we can fix that by applying the Holly hack to the nonfloated box and reducing
its left margin by three pixels, then declaring a negative three-pixel margin on the floated box
(be sure to drop these in your hack style sheet so they don't affect other browsers):
#floated {
margin-right:-3px;
}
#notfloated {
height:1%;
margin-left:297px;
}
Search WWH ::




Custom Search