[CSS] velocemente allinemento bottom

[ALonE]

Ciao a tutti
ho un div con un'altezza predefinita e una larghezza predefinita, come posso fare per far si che il testo contenuto sia "appoggiato" (allineato) in basso?

Esempio:

|-----------------|
|                 |
|                 |
|      Testo      |
|-----------------|

e nel caso di più righe

|-----------------|
|                 |
|     Riga 1      |
|  seconda riga   |
|-----------------|

Ho provato a mettere vertical-align: bottom ma senza ottenere il risultato voluto.

Grazie

[Mich_]

Per i browser conformi al W3C, io farei:
p {
margin: auto 0 0 0;
}
E metterei il testo dentro un

.

[ALonE]

No, non mi funziona
In IE il testo si allinea in basso ma se aggiungo una riga il box esterno si allarga

E in FireFox oltre a non allinearsi in basso se aggiungo il tag

il div contenitore si sposta in basso

[Mich_]

Posta il codice (HTML e CSS) che stai usando.

Non si tratta di pagine dinamiche (lato client), vero?

[ALonE]

Questa è la pagina
E questo è il css

Il menù a cui mi riferisco è quello arancione in alto, che è così composto:

<div id="menuItem">
	<div id="menuItemBordo">[img]/immagini-gui/menu_1liv_up.gif[/img]</div>
	<div id="menuItemLink" style="height:38px;"><a href="#">Link
riga</a></div>
	<div id="menuItemBordo">[img]/immagini-gui/menu_1liv_dw.gif[/img]</div>
</div>

e il css che lo gestisce è:

div#menuItem{
	width:98px;
	height:52px;
	float:left;
	margin-top:1px;
	margin-right:2px;
}
div#MenuItemBordo{
	float:left;
	background-color:#FFFFFF;
	height:7px;
}
div#menuItemLink, div#menuItemLinkInactive{
	height:37px;
	text-align:center;
	color:#FFFFFF;
	text-transform:uppercase;
}
div#menuItemLink{ 
	background-color:#DE4B29;
}
div#menuItemLink a{
	color:#FFFFFF;
	text-decoration:none;
}
div#menuItemLink a:hover{
	text-decoration:underline;
}
div#menuItemLinkInactive{
	background-color:#E67847;
}

1° - perchè non riesco ad allinearlo in basso?
2° - perchè mi si presenta con 2 altezze diverse se lo vedo con IE o con FF???

[Mich_]

Ci sono errori.

Errore di sintassi:
hai due <div> con lo stesso nome: non e` possibile. Per dare lo stesso stile a piu` di un oggetto devi usare le classi.
(stesso problema ripetuto piu` volte nella pagina)


Errore semantico:
usi due div e delle immagini inserite per fare dei bordi.

Le immagini che non fanno parte del contenuto informativo vanno posizionate come sfondo.
E probabilmente puoi metterle come sfondo del #menuItem, senza fare altri <div>. Esempio:

<div class="menuItem">
	<p class="menuItemLink"
		<a href="#">Link
riga</a>
	</p>
</div>


.menuItem{
	width:98px;
	height:52px;
	float:left;
	margin-top:1px;
	margin-right:2px;
	background: url(tutto lo sfondo del blocco);
}
.menuItemLink {
	margin: auto;
	text-align:center;
	color:#FFFFFF;
	background: transparent;
	text-transform:uppercase;
}
.menuItemLink a {
	/* qui la formattazione eventuale del link */
}

Se usi XHTML, dentroil <div> ci devimettere un

, per cui

[ALonE]

Cavoli non sapevo che non potevo avere più di un id con lo stesso nome !!!

ho fatto le modifiche solo ancora non riesco ad allineare in basso il testo

[Mich_]

Non riesco ad accedere alla pagina. Non so se e` un probelma del tuo server o della rete.
Puoi fare un controllo dalla tua parte e farci sapere quando e` nuovamente attivo?

In alternativa posta il codice come e` adesso (ma accedendo alla pagina sarebbe piu` semplice capire)

[ALonE]

avevo la macchina giù... (non è un server ufficiale èd i sviluppo)

ora tutto ok

[Mich_]

Ho rivisto la pagina.

Il menu su fondo arancio io lo vedo in maniera sbagliata.
Vedo uan serie di rettangoli smussati, con scritto:
GLI HOTEL / CRITERI DI / PROGETTO / VUOI DIVENTARE (questo su due righe).

In pratica mi taglia l'ultima riga di ogni voce.
D'altronde il "Vuoi diventare" occupa l'intera cella, per cui non ci starebbe una riga ulteriore.

Credo che il problema sia che vuoi ficcare troppa roba dentro una cella.

In effetti nel tuo codice ci sono vari errori semantici (uso di tag non adatti al contenuto) e poi ci sono formattazioni fatte in HTML, che potrebbero andare in conflitto con le formattazioni CSS.

In pratica dovresti cercare di scriver inun linguaggio piu` corretto, usando i marcatori piu` adatti, senza voler forzare le cose.
E` un modo di lavorare diverso, che all'inizio sembra difficle, ma poi ti semplifica la vita.

Ci sono stati vari interventi a tale proprosito nel forum: ti consiglio di cercare i post (bottone in alto a dx) che trattano di formattazione (o cercare tra i "link utili").