Treehouse: Grow your CSS skills. Land your dream job.

CSS Layout Problems

  • # August 18, 2009 at 1:25 pm

    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:

    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:


    # August 18, 2009 at 5:35 pm

    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.

    # August 27, 2009 at 1:39 pm

    I’m not using the #headerimg code though (You’ll see it’s commented out) I plan to set the image as a background will that asjust the heigth then or not?

    Sorry just don’t think I am understanding the solution…

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.