OK, I've been working on this problem for a long time and it's starting to really piss me off. Maybe someone can help me out and relieve me of my misery.
I'm trying to create a page with two fixed divs as in this test page.
There's two problems: first, the red div on the left extends past the bottom of the screen even though I explicitly told it to be 100% height. Why the heck is that happening? For some reason this isn't happening in other pages, but it's happening in this reduced version.
The second problem is much more annoying. I'm trying to also get the black div to fix to the page so that it doesn't extend past the right side of the browser window, like the div is doing right now as shown by the black border. However, I really want the red and black divs to be iframes, and this whole positioning screws up if you use iframes. Why? Also note that when the content ends, the black div stops expanding, and the resulting text inside the black div is no longer correctly centered on the right side of the browser window. How do you fix that?
Any help would be really appreciated.
There's two problems: first, the red div on the left extends past the bottom of the screen even though I explicitly told it to be 100% height. Why the heck is that happening? For some reason this isn't happening in other pages, but it's happening in this reduced version.
The second problem is much more annoying. I'm trying to also get the black div to fix to the page so that it doesn't extend past the right side of the browser window, like the div is doing right now as shown by the black border. However, I really want the red and black divs to be iframes, and this whole positioning screws up if you use iframes. Why? Also note that when the content ends, the black div stops expanding, and the resulting text inside the black div is no longer correctly centered on the right side of the browser window. How do you fix that?
Any help would be really appreciated.