Topic: height = 100% anyone? (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=11121" title="Pages that link to Topic: height = 100% anyone? (Page 1 of 1)" rel="nofollow" >Topic: height = 100% anyone? <span class="small">(Page 1 of 1)</span>\

 
mas
Paranoid (IV) Inmate

From: the space between us
Insane since: Sep 2002

IP logged posted posted 12-21-2003 16:03 Edit Quote

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?

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 12-21-2003 18:35 Edit Quote

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.

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 12-21-2003 18:37 Edit Quote

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

mas
Paranoid (IV) Inmate

From: the space between us
Insane since: Sep 2002

IP logged posted posted 12-21-2003 19:56 Edit Quote

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

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

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

IP logged posted posted 12-21-2003 21:11 Edit Quote

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

eyezaer
Lunatic (VI) Mad Scientist

From: the Psychiatric Ward
Insane since: Sep 2000

IP logged posted posted 12-21-2003 21:38 Edit Quote

dang skippy!

only one word for that...

FOO!


CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 12-21-2003 23:20 Edit Quote

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

Later,

C:\


~Binary is best~

synax
Maniac (V) Inmate

From: Cell 666
Insane since: Mar 2002

IP logged posted posted 12-22-2003 20:05 Edit Quote

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

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

IP logged posted posted 12-22-2003 20:39 Edit Quote

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).]

ozphactor
Maniac (V) Inmate

From: California
Insane since: Jul 2003

IP logged posted posted 12-31-2003 04:16 Edit Quote
quote:
strip doctype



Heh.

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

IP logged posted posted 12-31-2003 20:59 Edit Quote
quote:
Heh.



Heh.



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu