Preserved Topic: DIVs don't "stretch" in NN? (Page 1 of 1)

Greets -

I've got a DIV, with a specified height (850px). Inside the DIV are several tables (that will be converted to DIVs later). In IE, everything works fine. In NN 6.x, the content is a little longer than the 850. The result is that the content overlaps the bottom of the DIV.

I could make the DIV higher, but that causes other problem (unrelated).

My STYLE info for the DIV looks like this:

#rightnav {
border: 1px solid #999;
background-color:#ffffff;
color:#000;
padding: 2px;
position:absolute;
width:145px;
height: 850px;
top:132px;
right:0px;
}

Ideas?

This is actually an IE bug. See, "width" and "height" are supposed to specify the width and height *without* padding and borders, and the padding and borders are supposed to add to the width and height specified. In IE (with the exception of IE 6 when you're using a DOCTYPE tag), it takes into account the padding and border incorrectly. NN6/Mozilla is correct here.

A commonly used fix is described at http://www.tantek.com/CSS/Examples/boxmodelhack.html .

If you think the *correct* behavior is annoying, as I do, wait for the box-width and box-height CSS properties to start being supported; they specify the width and height of the content, padding, borders, and margins. (not sure about the margins actually.)

[edit: this thread should have been in the CSS forum.]

[This message has been edited by Slime (edited 02-18-2002).]

slime, i followed the link you posted and got a window:
This page is accessing information that is not under its
control. This poses a security risk. Do you want to
continue?

How big a security risk is this? I followed Ini's suggestion in a different thread
and may have gone overboard and no, I didn't note what I had changed

No idea. The page is static, no script tags in it even.