Your supernav div needs to be inside the header div, not following it.
Thank you for your response. I’ve had the supernav div all over in the header.php and can not get it to show up in the header. It seems to want to stay below, half way down the page.
Any ideas?
It is in the header.php but in the wrong place – in the <head> section, and viewing the source in FF it says clearly: <div> element not allowed in the <head>. You should move into the div with the ID “header”.
Wow, I’m lost. I believe I’ve moved it into the div with the id “header” and still it shows up below.
I’ve posted the whole header.php file below if that helps anyone explain this to me.
http://www.rustyhinges.com/header_deal.txt
You have position: absolute; in your #supernav
I think it should make the list be at the bottom of the parent element (the div) but for some reason it isn’t. Hopefully someone can help you forward from that — my brain’s too mushy from studying dialogue modelling.
Edit Ahhhh. Should #supernavcontainer have a position set?
I wouldn’t know a position set if it hit me in the head as I’m pretty much a novice. Anybody know how to steer me the right direction with a position set?
http://www.rustyhinges.com
er… I mean should you set a position: whatever to #supernavcontainer, sorry xD Let me check a css I’ve written with a similar structure…
OK, I checked Michael Heilemann’s site (the stylesheet). Put a position:relative; to your #header {}. No need to add something to #supernavcontainer
And now I am wondering why the menu tabs aren’t at the very bottom of the header. There must be extra margin or padding somewhere
hrm… Minna, thanks for your help. “:relative;” moved the header up but not where it ought to be at the bottom of the header. Any ideas there? Thanks again BTW.
OK, here’s what works (at least seems to):
#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: absolute;
bottom: 0;
margin: 0 0 7px 50px;
padding: 0;
text-align: left;
display: block;
}
and at the top of the stylesheet
#header {
background-color: #73a0c5;
position:relative;
}
I changed the 24px bottom margin that was making that huge gap
You are my hero. I suppose now, I need to change the background color to get the nav bar to show up.
for example by adding
background: white;
border-color: white;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
to #supernav a
🙂
holy crap. i’ll follow you wherever you lead. 🙂
Many many thanks!
🙂 No prob, I take CSS tweaking over exam cramming any time
