Stylesheets - problem with a 100% height float div

Author

problem with a 100% height float div

Gallarpri

2007-07-18, 6:17 am

Hi all!

I am having trouble with a float:left div, trying to making his height
100%. You can see it in http://www.josegallardo.net/googleg...istaforosFF.htm

I want that <div class="foro_linea_celda3">438</div> occupy all his
possible height. I have tried height:100%, but I think it doesn't work
due to its a float div :S

Any suggestions? Thank you!!
Jose.

Ben C

2007-07-18, 6:17 am

["Followup-To:" header set to comp.infosystems.www.authoring.html.]
On 2007-07-18, Gallarpri <gallarpri@XXXXXXXXXX> wrote:
> Hi all!
>
> I am having trouble with a float:left div, trying to making his height
> 100%. You can see it in http://www.josegallardo.net/googleg...istaforosFF.htm
>
> I want that <div class="foro_linea_celda3">438</div> occupy all his
> possible height. I have tried height:100%, but I think it doesn't work
> due to its a float div :S

It's not float that's the problem. It doesn't work because the container
has auto height. Percentage heights only work if the container has a
fixed height (like 2em or 60px for example, or a percentage height that
can itself be resolved).

> Any suggestions? Thank you!!

Use a table. It's the only sensible way to make foro_linea_celda3 the
same height as foro_linea_celda2 where the height of foro_linea_celda2
depends on its contents.

Jonathan N. Little

2007-07-18, 6:18 pm

Gallarpri wrote:
> Hi all!
>
> I am having trouble with a float:left div, trying to making his height
> 100%. You can see it in http://www.josegallardo.net/googleg...istaforosFF.htm
>
> I want that <div class="foro_linea_celda3">438</div> occupy all his
> possible height. I have tried height:100%, but I think it doesn't work
> due to its a float div :S
>
>
> Any suggestions? Thank you!!

Yes use a table. It is tabular data.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com