CSS spacing and height

I'm having a css issue. I want my header to sit at the top of my page:http://triadtestsite.com/triadinc/index.php

But instead it's in the middle. I think there is a problem with my styles on .header-bg. I noticed that if I remove the height the rest of the layers go to the proper location. But this also causes the div tag to close up and not display the background.

Any ideas how I can fix this?

Thanks
LVL 4
elliottbenzleAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
EMB01Connect With a Mentor Commented:
Try changing your CSS to:

#header-container {
      margin: 0 auto;      
      width: 841px;
      height: 125px;
}

And, sometimes I realized problems with the # instead of . so try this:

.header-container {
      margin: 0 auto;      
      width: 841px;
      height: 125px;
}

and rename your div from id="header-container" to class="header-container"
0
 
LZ1Commented:
Can you show us how it's supposed to look? If you do remove the height and top declarations, it should be fine. That's the reason it's pushing it down.
0
 
elliottbenzleAuthor Commented:
thanks
0
All Courses

From novice to tech pro — start learning today.