divs in the same row, but filling the row

am 15.05.2007 20:33:45 von Francesco Moi

Hi.

I want to place 5 divs within the same row:
div-div-div-div-div

My HTML:
-------------

--------------

My CSS:
--------
div.fooclass
{
float:left;
background-color:red;
}
--------

However, the divs are really floating, and I went them to fill their
row, because I have to insert
to fill this row.

Does anybody have a solution? Thank you very much.

Re: divs in the same row, but filling the row

am 15.05.2007 20:40:11 von John Hosking

Francesco Moi wrote:

> I want to place 5 divs within the same row:
> div-div-div-div-div

>

> div.fooclass
> {
> float:left;
> background-color:red;

display:inline;
/*presumably you have some padding and margins, too*/

> }

> However, the divs are really floating, and I went them to fill their
> row, because I have to insert
to fill this row.

It won't always be five, but might be three or six, depending on the
width of the container (viewport). But that's what you really want,
isn't it?

HTH
--
John