100% vertically expanding div

clain

Do you guys know how to make a div expand vertically 100%..

i do have a solution with Javascript.. but its not the right way. any CSS tricks will be helpful..

also many such tricks works in IE just like giving 100% height to body..etc..

i need a FF and IE compatible one..

any wild guess.

drhowarddrfine

Quote:

Originally Posted by clain

also many such tricks works in IE just like giving 100% height to body..etc..

i need a FF and IE compatible one..

any wild guess.

No wild guesses. Just like you said, give the body and your div a height of 100%. Works every time.

clain

no buddy that one did not work in Firefox...!!!! its OK with IE....

KevinADC

can you show what you have tried, like:

Expand|Select|Wrap|Line Numbers

<div style="height:100%;border:solid;">some content</div>

drhowarddrfine

Yes because I question what your other markup is. I use Firefox exclusively and that particular snippet I use frequently. Testing in my Windows notebook shows it works in IE and FF.

clain

Expand|Select|Wrap|Line Numbers

 
<body style="height:100%;" >

<center>

<div class="bg">
 
some content

</div>

</center>

</body>

and here is the class bg

Expand|Select|Wrap|Line Numbers

 
.bg

{

width:955px;

background:url(../images/mainbg.gif) repeat-y; 

height:100%;

}

drhowarddrfine

That should be working but I'm heading to the airport.

clain

do i have something to do with airport dude? ha ha .... anyway.... i'm just wandering and pondering with the problem

100% vertically expanding div

re: 100% vertically expanding div

re: 100% vertically expanding div

re: 100% vertically expanding div

re: 100% vertically expanding div

re: 100% vertically expanding div

re: 100% vertically expanding div

re: 100% vertically expanding div

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about