Top margin being ignored
I'm trying to layout a page with a similar structure to that below. However, the the top margin defined for the content box is being ignored in IE 6. In N6 the top margin appears OK.
The curious thing is that the top margin appears correctly if I swap the position of the sidebar and content boxes in the HTML.
I can swap the position of the 2 boxes but I'd prefer to have things as they are in the html below.
Am I just missing something obvious?
Test page html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<title>2 column check</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
margin: 20px 0px 0px 180px;
Using your code I get this:
When I add position: absolute; to the style declaration for "content" I get this:
I don't know what you're trying to accomplish so I don't know which one of these (if either) is correct.
Thanks for taking a look Creole.
It's the look of the layout 2 that I'm after but I want to avoid setting the position of content absolutely, as it'll then go into it's own z-index, which'll make putting anything in the same flow a real pain in the backside.
I think I need to do some more experimenting, cheers anyway.
Why not set the padding-bottom of the header element to 20 then float the content DIV right?