Semplicissimo: impaginare div come in tabella

**mfonz85** · 06-03-2008, 00:04

Ciao a tutti, ho una domanda molto semplice a cui non riesco a dare 1 risposta...

Ecco il codice

codice:

<html>
<head>
<style type="text/css">
#container {
  width:400px;
  border: 1px solid #FF0000;
}
#destra {
  border: 1px solid #00FF00;
}
#sinistra {
  width:100px;
  float:left;
  border: 1px solid #0000FF;
}
</style>
</head>

<body>
<div id="container">
  <div id="sinistra">
    CIAO
  </div>
  <div id="destra">
    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

  </div>
</div>
</body>

</html>

Ora...come faccio a fare in modo che il div con il bordo verde mi stia in una colonna dritta? intendo che non faccia una rientranza e che i "CIAO" siano così stampati uno sotto l'altro...
E' ovviamente colpa del float sull'elemento "sinistra", lo so, ma c'è un altro modo in css per creare una cosa del genere con i div? E che sia cross-browser...

Grazie anticipatamente

**fcaldera** · 06-03-2008, 00:27

dai float: left e definisci un width anche al div 'destra'

**mfonz85** · 06-03-2008, 00:31

Ma così avevo già provato: in pratica succede una roba strana ovvero il primo div container non viene visualizzato ... o meglio, viene visualizzato solo il bordo, come se fosse un elemento vuoto...come faccio per far quindi visualizzare l'elemento container per tutta l'altezza degli altri 2 div??

**fcaldera** · 06-03-2008, 00:38

significa che non stai usando explorer e quindi non hai un clearing automatico sul contenitore

oltre alle modifiche che ti ho suggerito prima
a #container aggiungi

height: auto;
overflow:hidden;

**mfonz85** · 06-03-2008, 00:55

perfetto, ti ringrazio molto

Discussione: Semplicissimo: impaginare div come in tabella

Strumenti discussione

Ricerca discussione

Visualizza

Semplicissimo: impaginare div come in tabella

Permessi di invio