View Full Version : div height not recognized until refresh

02-22-2005, 04:32 AM

the site i'm developing uses an invisible div just to the right of my content text to set a sort of min-height for my content side of the site.


if you click on 'about us' or any areas that don't have enough content to push the content div (white bg) down to at least where the dashed line meets up with the bottom of the large teal graphic in the middle of the site, the invis div should force the height.

i'm finding that in IE6 sometime it works and sometimes not while clicking around. in fact if you click the about us link it will even toggle betweeb working and not working. but...if i hit refresh it will snap to the correct length.

any ideas?

in firefox the site behaves perfectly.

thanks for any help you guys can give me.


02-22-2005, 06:00 AM
i also just noticed that when the content window doesn't expand properly, if i right click on the small teal shape to the left of the content title and select properties...the window all of a sudden snaps to it's proper height!?

02-23-2005, 04:06 AM
Doesn't look like a coding error to me. This right click property really shouldn't affect the page at all. I think it may simply be a bug, or maybe it's your computer. I know I've had some strange problems because my graphic card was slow...

02-23-2005, 04:48 AM
Usually erratic behaviour in IE is caused be not having a doctype declaration. I noticed you don't and would recomend using one. I've run into a similar problem in the past and using a doctype fixed it. Hope that helps.

02-23-2005, 08:10 AM
thanks for the replies. after beating myself up for more than a day i've done the unthinkable. i've used a 2 column table with the left column reserved for a vertical spacer image. ugly but it works. wish the document tag had worked!



02-23-2005, 11:20 AM
Well, IE treats height like min-height, so you might be able to use that to your advantage. Instead of the invisible div, try something like this (I'm making up numbers and ids here, but I'm sure you'll get the drift):

#container {
height: 500px;

html > body #container {
height: auto;
min-height: 500px;