Can´t figure out why #major seems to start at the top of the page instead of under the #header, where it resides in my code. Can anyone explain what I´m doing wrong?
But the float is there because I´m using a grid system and the header has a full grid width. There must be a way to get it beneath the header even if the header is floated, no?
Regardless of what grid system your using you don't need to float an entire element unless something else is been floated directly after it so @Paulie_D is correct in what he was saying, i turned off display: inline and float: left and your layout still worked perfectly.
If you really insist on keeping the float:left; on the #header, you can also solve this by applying another float:left; on the #major, or applying clear:both; to it.
But yea, I'd follow the advice of the guys above me.
http://johandahl.com/wp/portfolio/
Just remove it. You can probably lose the the display:inline too.
display: inlineandfloat: leftand your layout still worked perfectly.float:left;on the #header, you can also solve this by applying anotherfloat:left;on the #major, or applyingclear:both;to it.But yea, I'd follow the advice of the guys above me.