Newsgroup: it.lavoro.professioni.webmaster
Titolo: css contenitore div non si estende anche se con colonne div  dentro

ho un div contenitore con dentro 3 div colonne:
perchč le colonne non estendono il div contenitore che č
quello che appunto li contiene
<html>
<head>
<style type="text/css">
body {
color: #000;
background-color: #99CCFF;
}
#contenitore
{
background:yellow;
color: #000;
border:10px solid green;
}
#colonna1 {
float: left;
width: 20%;
background:blue;
color: #000;
}
#colonna2 {
float: left;
width: 60%;
background:silver;
color: #000;
}
#colonna3 {
float: left;
width: 20%;
background:red;
color: #000;
}
</style>
</head>
<body>
<!---------------------------------------->
     <div id="contenitore">
              <!-- 1  -->
                 <div id="colonna1">
                   <ul>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                   </ul>
                   <ul>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                   </ul>
                 </div>
              <!-- fine 1 -->
              <!-- 2  -->
                 <div id="colonna2">
                   <ul>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                   </ul>
                 </div>
              <!-- fine 2 -->
              <!-- 3  -->
                 <div id="colonna3">
                   <ul>
                      <li>aaaaa</li>
                      <li>aaaaa</li>
                   </ul>
                 </div>
              <!-- fine 3 -->
     </div>
<!---------------------------------------->
</body>
</html>

 quello che appunto li contiene
non vorrei sbagliarmi, ma credo che il width delle colonne riguardi lo
spazio necessario, e non invece la percentuale del viewport.
prova a dare width: 100% al div contenitore.


non va;

 ...[cuttone]...
In soldoni direi che devi interrompere i tre elementi flottanti inserendo un
ulteriore elemento div che fa da footer. Aggiungi quindi tra i tag di
<style> un elemento div tipo:
...
...
div#footer
  {
        clear: both;
        background-color:#fff;
        height:30px;
        text-align:center;
  }
</style>
e, nel body, dopo l'ultima colonna flottante:
...
<!-- fine 3 -->
<div id="footer">qw</div>
...
cosi' dovrebbe andare...
"_facce sape'_"...
-- 
Questo messaggio si autodistruggera' entro 10"
    _     _
  o' |,=./ `o
     (o o)    
 ooO--(_)--Ooo-

 "_facce sape'_"...
cosi' funziona solo che con IE5 e superiori non va bene;credo pero' sia
il solito problema dei margin e padding;
ma se si vuole fare la stessa cosa con le posizioni assolute
al posto di float; da quel che ho capito comunque le colonne laterali
se sono più lunghe della colonna centrale coprono il footer.
c'è una soluzione?

This message was cancelled from within Mozilla.

 "_facce sape'_"...
cosi' funziona solo che con IE5 e superiori non va bene;credo pero' sia
il solito problema dei margin e padding;
ma se si vuole fare la stessa cosa con le posizioni assolute
al posto di float; da quel che ho capito comunque le colonne laterali
se sono più lunghe della colonna centrale coprono il footer.
c'è una soluzione?
thank you