CSS help.

[Stalin]

Heyo Devbest.
I just began working on my portfolio and getting the main template done... kind of. I ran into this roughly 10 minutes ago and saw myself have a major brain fart. I'm trying to get the sidebar to overlap the header whilst maintaining everything's position. Instead of doing what I want it to do, it keeps the header the entire width of the page and sidebar remains underneath it. Also, for some reason, the page requires the viewer to scroll down when nothing is even there to scroll down upon to begin with. You can see what I'm talking about at

You must be registered for see links

Sorry if my wording is a bit off, couldn't really think of a way to explain it.

 

[RastaLulz]

I'm a bit confused as to what you're asking by "overlap the header"?

 

[Benden]

I'm a bit confused as to what you're asking by "overlap the header"?

The side bar is on top instead of the white bar, so the blue is over the white

 

[RastaLulz]

The side bar is on top instead of the white bar, so the blue is over the white

Just put the header in the "main-column"?

 

[Sysode]

This is more HTML help than anything. I take it this is what you want?

Change your HTML to this:

<div class="wrapper">
        <div class="sidebar">
        </div>
        <div class="main-column">
          <header></header>
            <div class="content">
              
            </div>
        </div>
    </div>

Although I'd change the syntax (don't use header tags imo). Think about it logically, class = main-column is all the right side of content, which is where you want the top bar, right?

Hope this helps.

 

[Stalin]

This is more HTML help than anything. I take it this is what you want?

Change your HTML to this:

<div class="wrapper">
        <div class="sidebar">
        </div>
        <div class="main-column">
          <header></header>
            <div class="content">
            
            </div>
        </div>
    </div>

Although I'd change the syntax (don't use header tags imo). Think about it logically, class = main-column is all the right side of content, which is where you want the top bar, right?

Hope this helps.

Ahh yes, this makes much more sense than anything I was trying. Can't believe it was so simple
Thanks everyone for your responses.
Close thread please.