Margin-Top push outer div down

html css xhtml
Danny picture Danny · Apr 21, 2010 · Viewed 76.9k times · Source

I have a header div as the first element in my wrapper div, but when I add a top margin to a h1 inside the header div it pushes the entire header div down. I realize this happens whenever I apply a top margin to the first visible element on a page.

Here is a sample code snippet. Thanks!

Answer

JuanPablo picture JuanPablo · May 23, 2010

put overflow:auto in the parent div
see more in this link

Related questions

Make a div into a link

I have a <div> block with some fancy visual content that I don't want to change. I want to make it a clickable link. I'm looking for something like <a href="…"><div> … </div&…

Read More
HTML list-style-type dash

Is there a way to create a list-style in HTML with a dash (i.e. - or – &ndash; or — &mdash;) i.e. <ul> <li>abc</li> </ul> Outputting: - abc …

Read More
Add centered text to the middle of a <hr/>-like line

I'm wondering what options one has in xhtml 1.0 strict to create a line on both sides of text like-so: Section one ----------------------- Next section ----------------------- Section two I've thought of doing some fancy things like this: <div style="float:…

Read More