div affiancati e allineati in basso al div principale

**elisamito** · 06-05-2010, 08:55

Ciao ragazzi,
buongiorno!
Vi chiedo un aiuto, quando ho tre div tuti e 3 affiancati, come faccio a far si che tutti e tre questi div stiano allineati in basso al div che li contiene?
Ho provato con un vertical-align:botton; ma non funziona...

la struttura che ho fatto, tanto per capirci sarebbe questa:

codice:

 
<div class="Master">

<div class="Sx">
</div>

<div class="Center">
</div>

<div class="Dx">
</div>

</div>

ecco vorrei che fossero tutti e 3 allineati in basso, dovrei dare qualche proprietà
particalare al div master? oppure disporre diversamente i div?
Grazie mille!

**Mich_** · 06-05-2010, 09:12

Non c'e` una risposta semplice. Dipende molto dal contesto.

Anzitutto devi spiegare cosa vuol dire affiancati: hanno tutti il float? sono in qualche modo posizionati?
Secondo devi dire se le misure sono fisse o elastiche, se il contenitore e` posizionato, se il contenitore ha altezza fissa.

Poi occorre conoscere il linguaggio della pagina (quale DTD) e per quali browser vuoi la compatibilita` (soprattutto IE fino a quale versione all'indietro?)

Probabilmente si dovra` agire anche sulla marcatura della pagina. E` una cosa possibile o la marcatura e` generata da qualche entita` (CMS o altro programma lato server) su cui non puoi agire?

PS: hai gia` guardato nelle raccolte di layout? Alcune sono citate tra i "link utili", altre ne trovi in rete. Di solito e` piu` semplice copiare le strutture principali rispetto ad inventarle da capo.

**elisamito** · 06-05-2010, 09:30

Ciao Mich,
grazie per la risposta.

io ho dato queste proprietà

codice:

div.Master
{
    width:1000px;    
    margin-left:50px; 
    margin-bottom:10px;
    border:1px solid black;
  

}

div.Sx
{
    width:180px;
    margin:0 auto;
    padding:0px;
    float: left;
    border:1px solid black;

}


div.Center
{    width: 91px;
    border:1px solid black;
    float: left;


    
}


div.Dx
{
    width: 700px;
    font-family: Helvetica LT Std;
    font-size: 0.70em; 
    text-align: justify;
    float: right;
    border:1px solid black;



}

come DTD utilizzo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

scusa dove trovo i tamplate fatti per vedere se c'è quello che cerco?
grazie!

**Mich_** · 06-05-2010, 09:57

Originariamente inviato da Mich_
PS: hai gia` guardato nelle raccolte di layout? Alcune sono citate tra i "link utili",

Vedi la discussione "link utili" del forum CSS, una delle prime, in rilievo, nel forum

Discussione: div affiancati e allineati in basso al div principale

Strumenti discussione

Ricerca discussione

Visualizza

div affiancati e allineati in basso al div principale

Permessi di invio