I’m trying to take a existing theme for a blog and modify so that it’s more fitted for my needs, I’m trying to add a header box where I can have some image and text as my header and then the navigation below it. The problem is, even though I set the header height to an explicit number, the problem is if I set it to anything large the navigation bar just goes through the middle of it. Ideally I want the navigation aligned to the bottom right before the body and sidebar begins. You can see it look busted here: http://smugpixel.com/smugpixel/g/
If anyone would be willing to take a look at my CSS and let me know what I’m doing wrong, I would really appreciate it. You can check out the CSS file here: http://codepaste.net/e9gxez
I wouldn’t bother setting a height to your #header div and trying to adjust that in the CSS. Adjust div#headerimg instead, or add a new div in between div#headerimg and div#navi, and add your new text/images there.