Ciao,
e` un problema un po' basico ma non ne esco...
In un HTML vorrei la dimensione dell'elemento contenitore si adatatti alla altezza dell'elemento float in esso contenuto.
La colonna blu "col-sx" vorrei che "definisse la lunghezza dei box rosso "outer" e giallo "inner".
Stessa cosa per la colonna azzurra "col-sx".
Capture.JPG
Qualcuno mi sa dire come fare???
Sotto il codice che genera l'esempio.
codice:<html> <head> <style type="text/css"> #outer { background: red; width: 500px; min-height: 200px; padding: 10px; } #inner { background: yellow; min-height: 200px; padding: 10px; } #col-sx { background: blue; padding: 10px; float:left; } #col-dx { background: cyan; padding: 10px; float:right; } </style> </head> <body> <div id="outer"> <h1>outer</h1> <div id="inner"> <h1>inner</h1> <div id="col-sx"> <h1>col-sx</h1> <h1>col-sx</h1> <h1>col-sx</h1> </div> <div id="col-dx"> <h1>col-dx</h1> </div> </div> </div> </body> </html>
Rispondi quotando
