lil problem with css, needing to get a div height to expand to full height of cell?

Not exactly sure what you're trying to accomplish here.
To answer your question though.... Not with xhtml/css alone. Might be able to do it with javascript.

A child div with a relative height needs a set height on the parent div in order to have something to base it's height on. If a parent div has no set height, it's treated as 0. 100% of 0 is still 0.

(I've been out tonight so I hope that kind of makes sense.)
 
Last edited:
Now I am pretty new to CSS so forgive me...

You have created a dayContainer div. Inside is a :

topContainer div which contains tLCorner div
centerContainer div
bottomContainer div which contains bRCorner div

It looks as though you are using the top and bottom divs purely to style your borders, and I am guessing any content will go in the center div??

Problem you are having is that the top and bottoms divs are both 10px high, the cell is only 20px high, meaning that although you have the center height set to 100% it has no space left to occupy.

You will either have to set center to a set px size such as 20, then lower the height for top and bottom to maybe 5px.

I am trying to have a play but firefox is having a fit on me :(

Only other option would be to create the border you want in photoshop, set it as the background in dayContainer div, then use only centerContainer for your text. Would only work if you didn't want them to be dynamic.

As I said, I am new to this and maybe someone will come along with a better idea :D
 
Thanks for the help tripnologist.

AHarvey ** spot on with what I'm trying to do, the main thing I wanted to achieve was make them dynamic.

Thanks for your help, ill keep having a play and see if anything happens.

Cheers

Gaunt
 
It was mentioned that it could be possible to use javascript to make them dynamically resized, does anyone have any good links on how to achieve this sort of thing?

Gaunt
 
You must log in or register to reply here.
Back
Top Bottom