What am doing wrong here?

Head out to http://hihatwebdesign.com/Trinity/header.php.

The code thus far should be cake and ice cream, but I'm blowing it somewhere and I can't figure out what I'm doing wrong.

Bottom line: I want a nav bar to be positioned immediately beneath the footer and then I have a "body_block" container immediately below it. Thing is, I couldn't get them to display correctly, so I reverted back to using background colors just so I could see where my containers were supposedly positioned and now I can't even see those.

It's late, maybe I'm forgetting something unbelievably simple, but I'm hoping the experts can show me what I'm doing wrong.

Why won't my containers show up the way that I have them described above. One immediately below the other?

Here's my html:

<div id="body_tray">
	<div id="header"><IMG SRC="images/header.png" usemap="#header" border="0"></div>
	<div id="#nav_bar"></div>
	<div id="#body_block"></div>
</div>

Open in new window


...and here's my stylesheet...

body {
	font-family: Helvetica, Microsoft Sans Serif;
	font-size: 14px;
	color: #000000;
	vertical-align: top;
	padding: 0px;
	height: 100%;
	width: 100%;
	margin: 0;
	background-color:#202740;
}

#body_tray {
position:relative;
width:997px;
height:800px;
margin:auto;
padding:25px;
}

#header {
position:relative;
margin:auto;
height:236px;
width:997px;
}

#nav_bar {
position:relative;
margin:auto;
width:997px;
height:38px;
background-color:#cccccc;
}

#body_block {
position:relative;
width:997px;
height:505px;
background-color:#ffffff;
}

Open in new window


What am I doing wrong?
brucegustPHP DeveloperAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
OmniUnlimitedConnect With a Mentor Commented:
Well, for one thing, you have pound signs ("#") in the id's of your HTML.  They should read <div id="nav_bar">, not <div id="#nav_bar">.
0
 
brucegustPHP DeveloperAuthor Commented:
Well, that would do it, wouldn't it?

Thanks!
0
All Courses

From novice to tech pro — start learning today.