Fissare un UL in basso al Div

**ricman** · 11-10-2007, 11:07

Ho un div (che sta dentro ad altri div) che contiene il testo (

testo</p>) della pagina.
Alla fine del testo vorrei inserire un menu orizzontale. Il sito è dinamico e:
- non so mai quante voci ci sono nel menu.
- non so mai quanto è lungo il testo nel tag P

Il div che contiene è così:

codice:

#centro_dx {
	float: left;
	width: 400px;
	height: 232px;
	overflow: hidden;
}

Al suo interno (richiamando dal db e cavoli vari) viene fuori un codice del genere:

codice:

<h1>tanti saluti dal titolo</h1>


testo testo testo</p>
<ul>[*]<a ... >voce1</a>[*]<a ... >voce2</a>[*]<a ... >voce3</a>[/list]

VORREI che la mia lista (messa per orizzontale tramite il float:left degli LI) stesse sempre sul fondo del div che la contiene (#centro_dx). E già che ci siamo dovrei centrarla in orizzontale.
Che stile applico a UL?
Pensavo fosse una cavolata (position:relative) ma mi sa che mi sfugge qualcosa...

...infatti mi si muove sempre col variare della lunghezza del testo...

Ringrazio...

**oronze** · 11-10-2007, 11:20

non so se ti può essere utile questo...http://css.html.it/guide/lezione/64/...ma-del-footer/
ma se tu metti il div sotto il div che contiene il testo della pagina non dovrebbe visualizzartelo sotto? o non ho capito una cippa io?

**salasir** · 11-10-2007, 11:30

Indipendentemente dalle definizioni per allineare su un'unica riga gli item della lista:

codice:

ul { position: absolute; bottom: 0; margin: auto; }

dovrebbe allineare al bordo inferiore del div che lo contiene ...

**ricman** · 11-10-2007, 11:37

Originariamente inviato da oronze
ma se tu metti il div sotto il div che contiene il testo della pagina non dovrebbe visualizzartelo sotto?

Allego un'immagine esplicativa...
Se metto un div non cambia nulla... è come se fosse l'UL...
Questo perchè deve stare tutto dentro il div contenitore...

**ricman** · 11-10-2007, 11:42

Originariamente inviato da salasir
dovrebbe allineare al bordo inferiore del div che lo contiene ...

Invece No

Si alinea al fondo del contenitore principale che contiene i vari div tra cui il contenitore dei testi (scusa il gioco di parole...)

**salasir** · 11-10-2007, 12:09

Mmm ... strano.. :master:
Ti allego il codice su cui ho fatto una prova veloce.

codice:

<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"-->
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title>
</head>
<style type="text/css">
#container { margin: 50px; height:400px; width: 800px; border: 1px #555 solid; }
#centro_dx { border: 1px #555 solid;
	float: left; margin: 20px;
	width: 400px;
	height: 232px;
	overflow: hidden;
}
ul { position: absolute; bottom: 0; margin: auto; }
</style>

<body>

<div id="container">
<div id="centro_dx">
<h1>tanti saluti dal titolo</h1>


testo testo testo
testo testo testo</p>
<ul>[*]<a ... >voce1</a>[*]<a ... >voce2</a>[*]<a ... >voce3</a>[/list]
</div>
</div>

</body>
</html>

Io vedo la lista al fondo del contenitore interno

**ricman** · 11-10-2007, 12:29

Originariamente inviato da salasir
Io vedo la lista al fondo del contenitore interno

Incollato il tuo codice in un file nuovo.
Risultato:

**ricman** · 11-10-2007, 12:31

Ahhhh... mi sa che tu lo stai provando con IE mentre io sono con FF...
Non c'è una soluzione "universale"?

**salasir** · 11-10-2007, 13:01

:rollo:
Ecciai ragione ... Con FF non funziona

**fcaldera** · 11-10-2007, 13:09

togli overflow: hidden da qui

codice:

#centro_dx { border: 1px #555 solid;
	float: left; margin: 20px;
	width: 400px;
	height: 232px;
	overflow: hidden;
}

Discussione: Fissare un UL in basso al Div

Strumenti discussione

Ricerca discussione

Visualizza

Fissare un UL in basso al Div

Permessi di invio