Struggling a bit with HTML positioning. I’m sure it’s a pretty simple problem, but just can’t crack it.
Please see fiddle: http://jsfiddle.net/HMyXW/2/
Basically, I am trying to position the yellow div (#logo) above everything else, so it will push any other content on the page down, even if the screen is resized vertically.
I’ve tried messing with z-positions, etc. but am not having much luck.
I suggest remove all the
fixed positionsif it is not necessary and add a outer div to wrap all the child divs.Check this DEMO
If it is necessary to use the
position:fixedto the#logothen you need to check the height of the#logoand give the same value asmargin-topto the content div.