Altezza div in base al suo contenuto

[Hysoka]

Ciao a tutti,
ho un div wrapper che contiene una navigazione laterale è un contenitore di contenuti. Però questo wrapper non si addatta alle dimensioni dei altri due div contenuti al suo interno (nav e contenitore). Ho provato a mettere height:auto oppure height:100%, ma non funzionano.
Ecco i codici

div#wrapper
{
  position:relative;
  width:800px;
  border:1px solid black;
  height:auto;
  left:100px;
}



div#navigator
{
  width:150px;
  position:absolute;
  bottom:0;
  background:url(images/onda1.gif) bottom left #ffffff no-repeat;
  padding-bottom:1em;
  border:1px solid black;
}



div#container
{
  position:absolute;
  width:650px;
  top:0px;
  left:150px;
  border:1px solid black;
  background:#FFFFFF;

}

e poi

<div id="wrapper">
<div id="navigator">...</div>
<div id="container">...</div>
</div>

Vi ringrazio anticipatamente

[UmaThurman]

Gli elementi posizionati assolutamente è come se venissero "estratti" dal flusso della pagina, quindi è come se non fossero dentro al div #wrapper

[Hysoka]

già, questo bene o male lo sapevo.
Hai dei suggerimenti su come risolvere questo problemino?

[UmaThurman]

Con i posizionamenti assoluti credo che l'unica sia dare un'altezza fissa a tutti i div.
Però da quel che ho capito puoi ottenere l'effetto desiderato usando i float invece dei posizionamenti

[gengix]

già, questo bene o male lo sapevo.
Hai dei suggerimenti su come risolvere questo problemino?

Prova a tirare via le positioni da tutti gli elementi. Dai un float:left a div#navigator. Elimina la width in div#container.
A questo punto devi inserire un elemento con la proprietà clear per far si che div#wrapper si adatti al contenuto.
O inserisci un div con la proprietà clear, o utilizzi questo metodo:

http://www.css-zibaldone.com/traduzi...ing/index.html