I have a page that's not displaying properly because a div is extending beyond its container div (which contains a background image that should stretch.)

This is not an IE glitch - I've tried it in Firefox 6.01 and Chrome 13.0.782.220 m (in Windows 7); both show the same problem.

Google has millions of links, most of which tell me to put height:100% (or min-height:100%) in every parent container - including (and especially) html and body.

But what do you do when that doesn't fix the problem?! Why won't this work?

I'm so frustrated right now. Any help would be tremendously appreciated.

2 answers

This was chosen as the best answer

Your problem is caused by every div being position:absolute; by using position in this way no div will affect any other div and each div needs dimensioning.

try and find a way to layout your content without using absolute positioning and your frustration will reduce dramatically!

Answered over 7 years ago by Tony Crockford

Thank you, Tony. I'll look into that. This is the first time I've encountered this - or heard of it. Can you direct me to a page somewhere that talks about this in more detail?

Answered over 7 years ago by DonnyBahama
  • position:absolute; ? http://forum.boagworld.com/discussion/5688/hooked-with-position-absolute-in-css/p1 Tony Crockford over 7 years ago