Problema background div

**mrdevito** · 24-11-2009, 01:00

Di seguito posto il codice banale ma che mi crea problemi; ho creato un div container che al suo interno ha altri 2 div. La mia domanda è: perchè non viene mantenuto il background che do al conteainer? Sembra che il div container non si adatta alla grandezza dei div che contiene.

HTML

<div id="contenitore">
<div id="sinistro">Pippo
Pluto</div>
<div id="destro">Giovanni
Sergio

dafdsfsd</div>

CSS

#contenitore{ background-color:#00CCFF;}

#destro{background-color:#0033FF;
float:right;
height:400px;}

#sinistro{float:left;
background-color:#00FF00;
height:400px;}

Grazie a tutti per i consigli.

De

**E.d.i.73** · 24-11-2009, 01:07

in pratica vorresti il div container di altezza uguale a quella dei due div interni?cmq nell'html postato manca un div di chiusura.

**vikey89** · 24-11-2009, 01:27

Non è che sbagli a chiudere il </div> ? oppure cmq in #container specifica il width e height cosi non sbagli e vai sul sicuro..!!

**E.d.i.73** · 24-11-2009, 01:41

prova così:

codice:

  <html>
<head>
<style>
#contenitore{ background-color:#00CCFF;
height:400px}

#destro{background-color:#0033FF;
float:right;
height:100%;}

#sinistro{float:left;
background-color:#00FF00;
height:100%;}

</style>


</head>
<body >

 <div id="contenitore">
<div id="sinistro">Pippo
 Pluto</div>
<div id="destro">Giovanni
Sergio
 </div>
dafdsfsd</div>


</body>
</html>

**mrdevito** · 24-11-2009, 08:44

Grazie mille per le risposte. Si in effetti se do l'altezza al contenitore il problema non si pone. Credevo che essendoci i div interni al container, quest'ultimo si adattasse direttamente all'altezza dei div contenuti.

Di nuovo grazie

De

**Mich_** · 24-11-2009, 09:48

Credevo che essendoci i div interni al container, quest'ultimo si adattasse direttamente all'altezza dei div contenuti.

Per fare questo, occorre un clear alla fine, che fa da "chiusura" dei float.

Vedi ad esempio: [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float

Discussione: Problema background div

Strumenti discussione

Ricerca discussione

Visualizza

Problema background div

Div container height...

Permessi di invio