• User Attivo

    problema con altezza div

    Ciao, il mio problema ora è questo: ho i div uno dentro l'altro ovvero:

    [html]<div id="container">
    <div id="header"></div>
    <div id="sinistra"></div>
    <div id="centro"></div>
    </div>[/html]

    i div ''header'' e ''sinistra'' hanno un'altezza fissa che non cambia e fino a qui non ho problemi, quello che cambia dimensioni è centro, ho impostato come altezza height="auto". funziona senza problemi. Il problema che il div ''container'' non segue le dimensioni del div ''centro''. Ho provato a mettere altezza 100%, altezza minima e height: auto; ma niente..o rimane di altezza 0 praticamente oppure da un'altezza sua che però è sempre inferiore a quella del div centro...come posso fare?

    [html]#container{
    position:absolute;
    background-color:#dddddd;
    width:1000px;
    left:50%;
    margin-left:-500px;
    border:#000000 solid 1px;
    min-height:520px;
    height:auto;
    }

    #centro{
    position:absolute;
    width:800px;
    min-height:365px;
    height:auto;
    margin-top:155px;
    margin-left:200px;
    }[/html]


  • Super User

    Ciao 🙂

    Dipende dal posizionamento assoluto del div #centro.

    Puoi risolvere banalmente, se come penso hai un footer sotto a tutti gli altri div, assegnandogli il clear:both;