How do I use table cell on DIV that's floated?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

How do I use table cell on DIV that's floated?

Post by simonmlewis »

I have a DIV that is floated left. And a DIV that is floated right.

If the DIV that is floated right has more content than the one on the left, the left one doesn't fill the height of the screen, which is a problem as it is a menu with a background colour.

So is there a way to set the left DIV to always be 100% height?

Iv'e tried setting the DIV as display: table, and adding an inner div with display: table-cell, and seeting the outer as min-height: 100% but it fails.

Any ideas?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: How do I use table cell on DIV that's floated?

Post by Celauran »

Post Reply