Div height

qie · #1 (**permalink**) 06-08-07, 12:13 PM

Hi all....,

i have test for height of Div tag to 100%, when i used:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

IT CAN'T

but when i just used:

HTML Code:

<html>

IT CAN RUN, DIV TO 100%

how to cheat it?

UnrealEd · #2 (**permalink**) 06-08-07, 12:34 PM

can you post the code you used for the <div> element?
this should work:

HTML Code:

<div style="height:100%">content here</div>

qie · #3 (**permalink**) 06-08-07, 12:41 PM

yes yes... i know that but i found the answer, the key is position:absolute

thanks

Quote:

Originally Posted by UnrealEd

can you post the code you used for the <div> element?
this should work:

HTML Code:

<div style="height:100%">content here</div>

TwoD · #4 (**permalink**) 06-18-07, 08:10 AM

Hmm, I think it didn't work in the original code because the doctype forced the browser into standard compliance mode. Then divs won't ever extent beyond their content unless you give them absolute dimensions, like you did.
But if you don't use the doctype, you get what's become known as "quirksmode", which is whatever the browser-makers prefer to do when there were no standards around or they simply disobeyed them