Due colonne, altezza 100%

[Stan]

Ho un problema

     <div id="principale">
       <div id="navig">
          <h2>Tipologia</h2>

          a vela

          a motore

          yacht

          bagnarole

                    
          <h2>Cantieri</h2>

          a vela

          a motore

          yacht

          bagnarole          
       
       </div>
       <div id="risultati">
          <h2>Novità</h2>

          <div>
            <div id="box">[img]immagini/barca.jpg[/img]<a href="">

A assjhd jkhdkja hdakjhdkjhdkjad jakd hakjdh kjahd ad hakjd ak</p></div></a>
            <div id="box" class="right">A</div>
          </div>
          <div>
            <div id="box">[img]immagini/barca.jpg[/img]<a href="">

A assjhd jkhdkja hdakjhdkjhdkjad jakd hakjdh kjahd ad hakjd ak</p></div></a>
            <div id="box" class="right">A</div>
          </div>
          <div>
            <div id="box">[img]immagini/barca.jpg[/img]<a href="">

A assjhd jkhdkja hdakjhdkjhdkjad jakd hakjdh kjahd ad hakjd ak</p></div></a>
            <div id="box" class="right">A</div>
          </div>
          <div>
            <div id="box">[img]immagini/barca.jpg[/img]<a href="">

A assjhd jkhdkja hdakjhdkjhdkjad jakd hakjdh kjahd ad hakjd ak</p></div></a>
            <div id="box" class="right">A</div>
          </div>
          <div>
            <div id="box">[img]immagini/barca.jpg[/img]<a href="">

A assjhd jkhdkja hdakjhdkjhdkjad jakd hakjdh kjahd ad hakjd ak</p></div></a>
            <div id="box" class="right">A</div>
          </div>
       </div>
     </div>

principale contiene al suo interno "navig" e "risultati"
Navig a sinistra è la navigazione, con un bordo a destra, risultati è il contenitore con tutti i box risultati.

Il problema è che non riesco a farli andare di pari passo, tipo che se navig è meno alto di risultati, tutti i box oltre l'altezza di navig mi vanno a sinistra.

i div box contengono un float left

incollo anche il css

div #box {
	float:left;
	margin: 9px;
	margin-left:0;
	border: 1px solid #000;
	width: 295px;
	height: 95px;
	
	font-weight: normal;
	font-size: 11px;
}

#box a {
	color: #666;
	text-decoration: none;
}
#box p {
	padding: 5px;
}

#box img {
	border:0;
	padding-right: 5px;
	float:left;
}

#box.right {
	margin-right: 0;
}

#principale{
	margin-top:10px;
	//height: 100%;	
}

#navig {
	border: 1px solid #0F0;
	border-right: 1px dotted #CCC;
	width: 290px;
	float:left;
	margin-right: 10px;
	height: 100%;
}

#navig a{
	line-height: 17px;
	margin-left: 20px;
	color: #666;
	text-decoration:none;	
}
#navig a:hover{
	color: #000;
	text-decoration:underline;
}

#risultati{
	border: 1px solid #C00;
}

Un'altra cosa che mi piacerebbe risolvere è questa, il div principale è messo così

  <div id="tabella">
   <div id="tabup"></div>   
   <div id="tabcx">
       <div id="offerte"></div>
       <div id="principale"></div>
   </div>
   <div id="tabdw"></div>   
  </div>

Solo che come vedere tabcx (che è il pattern bianco, non mi prende un altezza relativa (tipo 100%) ma solo in px. Posso rimediare?

[gabar-el]

se non sbaglio devi dare un float right a risultati e poi un clear both all'eventuale footer, dovresti mettere a posto tutto. fai sapere....

[Stan]

domani mattina ti faccio sapere ^^

[Stan]

Si funzia, ora ho però ho il problema che se una delle due colonne cresce (in pratica comunque crescerà solo quella di sinistra), non mi cresce di pari passo lo sfondo bianco (div "tabcx")

[gabar-el]

è un problema di dimensioni del div (dinamico) rispetto all'immagine (statica).
ci sono vari tutorial e guide, che puoi trovare come "layout 2 colonne".
cmq vedendo la tua immagine che è piuttosto semplice potresti anche risolvere dando una porzione della stessa in background ripetuto verticalmente, così al crescere del div non hai problemi, ma dovrai creare due div, uno di tesa e uno di piede che contengano la parte alta e bassa dell'immagine con angoli....
vedi un pò come meglio ti conviene valutando nel complesso il tuo layout.

[Stan]

guarda botta di chiappe assurdo
Stavo leggendo un articolo di html con delle tecniche inline, e c'era sta hidden overflow per evitare che il contenuto svacchi il layout, l'ho applicato al div principale e funzia ^^