Overlapping Header

[csosa]

I did and I get both scrollbars…am I not suppose to? The only thing I notice is the header
seems to move when I resize the browser…

[RyanReese]

Ideally you don’t want scrollbars but you do because, as I said, you have elements in <main> and <footer> which are not set up to be restricted to 100% width.

[csosa]

I see so thats when Media Queries come in right?

BTW im trying to set this to max-width but only works in width:

#main_header, #main_headerleft {
    width:650px;
    display: table-cell;
    vertical-align: middle;
}

[RyanReese]

@csosa

I see so thats when Media Queries come in right?

Yes.

@csosa

BTW im trying to set this to max-width but only works in width:

Max-width doesn’t work on table cells.

[csosa]

@RyanReese

Max-width doesn’t work on table cells.

Oh yeah right so is it an exception to have “width” here?

[RyanReese]

@csosa

Oh yeah right so is it an exception to have “width” here?

Sort of, I guess. Ideally you don’t set widths there (let the content dictate it) though.

[csosa]

I see. When I turn off the width the content moves in, thats because it takes up as much width as needed
right based on the content?

[RyanReese]

That’s correct .

[csosa]

Im trying to align my left content of the header to the max-width of 1150px that it has, it is not going
all the way to the right, I think it has to do with the table cells.

[RyanReese]

Width:100% on “#header-content”.