[CSS] Layout più colonne senza footer

**ferrot** · 21-06-2005, 23:09

Volevo chiedervi è possibile un layaut a più colonne senza footer?

codice:

#contenitore { padding: 5px;
background-color: rgb(255, 54, 204);
width: 300px;
/* display: table-cell; */
}
#sinistra { background-color: rgb(83, 255, 255);
width: 100px;
float: left;
}
#destra {
background-color: rgb(153, 153, 153);
width: 100px;
float: right;
}
#footer {
background: rgb(220, 220, 220); clear: both;
/* display: none; */
}

....

div id="contenitore">
<div id="sinistra">Sinistra</div>
<div id="destra">Destra</div>
<div id="footer">footer</div>
</div>

Le 2 righe commentate sono per le prove.

Se decommento "display: none" il footer scompare ed il contenitore non non contiene nel sesso visivo del termine, più le div sinistra e destra.
Ma se decommento anche "display: table-cell" il layout torna a funzionare.

Ora mi chiedo si può fare?
Esiste qualche altra soluzione?

Ovviamente ho provato con FF perchè con IE non fa differenza

**bagu** · 22-06-2005, 22:56

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

</style>
</head>

<body>
<div id="contenitore">
<div id="sinistra">Sinistra</div>
<div id="centro">centro</div>
<div id="destra">destra</div>
<div style="clear:both "/>
</div>
</body>
</html>

**ferrot** · 24-06-2005, 00:21

E si ma così il footer c'è!

....
<div style="clear:both "/>
....

io dico senza ma senza senza!

possibile che ne css non sia contemplato il concetto di "contenitore visuale"?

possibile che girando in internet nessuno menzioni questa assenza e tutti propongano soluzioni "toppa" al problema?

ho la soluzione c'è?

display: table-cell;

Discussione: [CSS] Layout più colonne senza footer

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Layout più colonne senza footer

Permessi di invio