The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

header between sidebars

  • qim
    # April 19, 2013 at 7:34 am

    I’m a newbie and at a loss on how to start. I want the sidebars to go all the way up to the top, and have the headr sandwiched between them at the top.

    How do I go about this in css.please?

    Thank you

    # April 19, 2013 at 8:04 am

    Like this you mean? :

    Just one way.

    # April 19, 2013 at 8:35 am

    Those sidebars clearly do not go all the way to the top.

    Are you sure you asked the right question?

    # April 19, 2013 at 8:36 am

    Thinking better maybe what you sent me is the beginning. You do 3 columns, stick a navbar on top and reduce the top of the middle column to become a “header”. is it like that?

    # April 19, 2013 at 8:37 am

    Sorry, we crossed messages. And you’re right. I started by trying to get a short header between the sidebars going to the top. I assumed that the navbar could be added afterwards. Am I totally wrong?

    # April 19, 2013 at 8:41 am

    I am on my phone right now but I am play with Codepen when I get back. Unless someone else wants to have a go.

    # April 19, 2013 at 9:50 am

    Here you go.

    Just a simple matter of moving the header out of the container and putting it first in the .page-wrap

    # April 19, 2013 at 10:32 am

    Great! Thanks. I’ll work on it tonight when I get home.


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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed