altezza con firefox

[diaz]

Ho un layout a due colonne, ma non capisco come fare in modo che la colonna laterale assuma la stessa altezza di quella dei contenuti di destra.
In Firefox mi si vede come nell'esempio allegato

Il css è il seguente

div#content      {width: 741px; margin: 0 auto; text-align: center; background-color: #ffffdc; }
div#rightcolumn {float: right; width: 557px; background-color: #ffffdc; }
div#leftcolumn   {float: left; height: 100%; width: 184px; background-color: #eaeac7; }

L'html il seguente

<div id="content">
<div id="rightcolumn">Colonna destra/div>
<div id="leftcolumn">sidebar</div>    
</div>

Ho provato anche con height:100% ma niente!

[panta1978]

Originariamente inviato da diaz
Ho un layout a due colonne, ma non capisco come fare in modo che la colonna laterale assuma la stessa altezza di quella dei contenuti di destra.
In Firefox mi si vede come nell'esempio allegato

Il css è il seguente

div#content      {width: 741px; margin: 0 auto; text-align: center; background-color: #ffffdc; }
div#rightcolumn {float: right; width: 557px; background-color: #ffffdc; }
div#leftcolumn   {float: left; height: 100%; width: 184px; background-color: #eaeac7; }

L'html il seguente

<div id="content">
<div id="rightcolumn">Colonna destra/div>
<div id="leftcolumn">sidebar</div>    
</div>

Ho provato anche con height:100% ma niente!

Devi definire il footer (cioè il div dove c'è scritto 2006 Montecriso) così:

div#footer{
clear:both;
.....
.....
}

[diaz]

ah mi ero dimenticato di scrivere qui nel forum lo stile del footer, ti ringrazio per la risposta, ma nel footer avevo già messo clear:both;

quindi tutto come prima

[diaz]

help

[thomas_anderson]

La lunghezza delle colonne dipende dal loro contenuto. tu hai un layout a due colonne: devi impostare un'immagine di background per il contenitore. tale immagine sarà di 741 x 10 pixel e sarà divisa in due colori secondo l'ampiezza che preferisci. poi applicherai l'immagine al contenitore:

#content {
  background: url(duecol.gif) top left repeat-y;
}

[diaz]

ho capito la tua idea, molto sagace! funziona egregiamente con Explorer.... ma tanto per cambiare quel maledetto Firefox non ne vuole sapere