Topic: height = 100% anyone? (Page 1 of 1)

hi guys
a quick question. i set the height of a div to 100%....IE renders it, mozilla doesn't
kuckus said, this might not be possible without Java Script. any thoughts? is there a way to get this working?

Usually this can be solved by doing two things -

set the HTML to height:100%;

set the BODY to height:100%;

Of course, it may depend on some more of the particular circumstances.

mas: How is set the height of the parent element of your DIV ? Could you provide a test page/url ?
AFAIK it has absolutely nothing to do with JavaScript. As you ( should ) already know IE's support of the CSS is a bad joke. You'd better test your CSS in a really standard compliant browser and hack it to please IE.

Mathieu "POÏ" HENRI

poi: that's what i am doing. my standard browser is Mozilla Firebird.

DL-44: thx for the help, i will try that.

this is not doable using an xhtml doctype, 100% is considered the window's initial live area, if you scroll down below the initial live area it will stop. The only way to create the appearance of 100% height when there's no content inside to push it open that far, is to fake it using background images.

Check out the red div here if I understood/guessed your desire correctly, this should illustrate my point.

Jason

dang skippy!

only one word for that...

FOO!

check this out and see if that is something like you are wanting.

Later,

C:\


~Binary is best~

Or you could skip the div and use a table, and set its height to 100%

"Nothin' like a pro-stabbin' from a pro." -Weadah

I believe you'd have to strip doctype to even get a table to 100%

EDIT forgot about this technique that was submitted not long ago in this thread at the gurusnetwork. Impressive results but I haven't had the time to go through it yet to understand it, Can't argue with the results tho, very nice.

Jason

[This message has been edited by JKMabry (edited 12-22-2003).]

quote:

---

strip doctype

---

Heh.

quote:

---

Heh.

---

Heh.