[skymonkier]

I'm just having an issue with a div separating, or, moving down from the position I want it in. Can anyone explain why? It only did it when I added my header to #content. Here's a pic;



Cheers!
skymonkier

P.S. Right-click and 'Open image in new tab/window' will allow you to see it better... the header is white...

This post has been edited by skymonkier: 13 September 2012 - 11:50 AM

[BenignDesign]

Do you have any code to accompany this? Are you using header tags (ie, <h1>, <h2>, etc)?

[skymonkier]

BenignDesign, on 13 September 2012 - 11:57 AM, said:

Do you have any code to accompany this? Are you using header tags (ie, <h1>, <h2>, etc)?

Oh, sorry, sorry.
Here, both h1 codes:

index.html

<div id="content">
	<h1> A Header! </h1>
	Another test
</div>

style.css

#content h1 {
	font-family: handFont;
	font-size: 28px;
	font-weight: 400;
	color: #ffa300;
	letter-spacing: 1px;
	padding-left: 20px;
}

[BenignDesign]

<h1> has a default top and bottom margin of 8px.

When you add it to the same div as the rest of the content, it's bumping the content of the div down 16px.

[skymonkier]

Ah, that's helpful. I just did margin-top: 0; and used Relative positioning, but I wish it would just work the way I want it to... Anyhow, thanks for that tip!