Scusate se è una domanda che ha già trovato risposta, ma la ricerca non funziona.
Quando si usa il float sui div, i box vengono automaticamente allineati sul lato superiore.
Esiste un modo per allinearli sul lato inferiore?
Graficamente (o quasi):
codice:Invece di: --------- --------- |\\\\\\\| |///////| |\\\\\\\| |///////| |\\\\\\\| --------- |\\\\\\\| --------- Così: --------- |\\\\\\\| |\\\\\\\| --------- |\\\\\\\| |///////| |\\\\\\\| |///////| --------- ---------Ciao e grazie in anticipo
/* Let's Lead the Web to Its Full Potential */
ciao , hai provato ad usare la proprietà vertical-align: bottom; sul box che contiene i due div?
PyFanatics
Avevo già provato, ma non funziona...
E' da un po' che ho notato che vertical-align funziona solo se associato a td o img... :master:
E infatti ho avuto la conferma dei miei sospetti nella W3 Spec di CSS2 , dove si dice che:
(vertical align)
Applies to: inline-level and 'table-cell' elements
Ne deduco che se per usare i float si deve ricorrere per forza a elementi block-level, vertical-align non è applicabile...
/* Let's Lead the Web to Its Full Potential */
teoricamente ci sarebbe display: inline-block , purtroppo funziona solo su alcuni browser
PyFanatics
Dopo tutta la fatica ad imparare i float, dovrò rassegnarmi e usare le tabelle... Che palle...
Ciao e grazie
/* Let's Lead the Web to Its Full Potential */
se conosci le misure dei div puoi dare un margin top al div da posizionare in basso, oppure posizioni un div trasparente alto come il primo in cui inserisci il secondo div lavorando sul line-height e vertical-align
ciao paolo
Non so se Dio esiste ma se non esiste ci fa una figura migliore!
- S. Benni -
I div si ridimensionano in base al contenuto, in base alla grandezza del font come vuole l'accessibilità...
/* Let's Lead the Web to Its Full Potential */
se quello di sinistra è sempre più alto di quello di destra
nel float di destra puoi inserire un layer con bottom:0
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Non capisco... Secondo me come dici di fare te, salta fuori una cosa del genere (graficamente o quasi):Originariamente inviato da Jerry Masslo
se quello di sinistra è sempre più alto di quello di destra
nel float di destra puoi inserire un layer con bottom:0
O forse non ho capito quello che vuoi dire..codice:---------- ---------- |\\\\\\\\| |// dx //| |\\\\\\\\| ------- |\\ sx \\| |OOOOO| -> div posizionato ass dentro al div di dx |\\\\\\\\| ---------- |\\\\\\\\| ----------
Con il position:absolute; funziona se fatto così:
Indipendentemente dall'altezza, vengono allineati sul bordo inferiore del contenitore.codice:<div style="background:yellow; position:relative; width:50%; height:20%;"> <div style="background:red; width:30%; position:absolute; left:0; bottom:0;"> </div> <div style="background:lime; width:40%; position:absolute; left:30%; bottom:0;"> </div> </div>
Io invece chiedevo se magari qualcuno sapeva come fare la stessa cosa con i div float...
Ciao e grazie!!
/* Let's Lead the Web to Its Full Potential */
mica hai torto
prova questo:
<html>
<head>
<title>float no float</title>
<style type="text/css">
.sinistra {width:50%;
background:yellow;
height:500px;
position:relative
}
.destra {position:absolute;
width:100%;
bottom:0;
left:100%;
background:green;
height:300px
}
</style>
</head>
<body>
<div class="sinistra">senza float<div class="destra">assoluto</div></div>
</body>
</html>
l'altezza è per vedere l'effetto
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Permessi di invio
Rispondi quotando