where is the space coming Fromm my <h1>?
http://fixmysite.us/jmbrown/
Thanksss
Do you mean the default margins and padding that the browser applies by default unless you specify your own values in the CSS?
It is the float left style on .logan which is pushing the Home across the page.
The problem is being caused by the excessive height on the .slogan (260px)
.slogan
{
background:url(../images/slogan.png) no-repeat;
width:250px;
[COLOR=Red]height:260px;[/COLOR]
float:left;
clear:both;
margin-left:75px;
}
The BG image is only 26px tall, I suspect it was a typo in adding an extra zero after 26.
Change the height to 26px to get the BG image showing without causing problems with the h1.
EDIT:
The problem seems to be twofold, looking at this closer your header div is not containing it’s child floats. Add overflow:hidden to header. There is no reason for the header floats to be interfering with elements in the #main div.
DIV#header
{
background-image:url(../images/bg_header.jpg);
background-repeat:no-repeat;
min-width: 1133px;
height:205px;
[COLOR=Blue]overflow:hidden;[/COLOR] /*contain floats*/
}
Generally speaking though, you would not need to contain floats in a fixed height div though as long as your math added up and you were not using fluid heights.
oh,. thanks