Centrare in verticale

[Havatar]

Ciao a tutti, ho un grosso problema con il css di un menù di navigazione.
Questo è lo stile css:

#menubot A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	padding-top: 3px;
	DISPLAY: block; BACKGROUND: #0B2971; WIDTH: 202px; height: 20px; COLOR: #FFFFFF; TEXT-DECORATION: none;
	border-bottom:1px solid #FFFFFF;
}
#menubot A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
	padding-top: 3px;
	DISPLAY: block; BACKGROUND: #52689D; WIDTH: 202px; height: 20px; COLOR: #FEC00F; TEXT-DECORATION: none;
	border-bottom:1px solid #FFFFFF;
}

Mentre questo è il codice html:

                <tr> 
                  <td width="30" bgcolor="#FFFFFF">
<div align="right">[img]../../img/frecciamenu.gif[/img]</div></td>
                  <td width="202"><div id=menubot>pagina1</div></td>
                  <td width="7" bgcolor="#FFFFFF"></td>
                </tr>
                <tr> 
                  <td width="30" bgcolor="#FFFFFF">
<div align="right">[img]../../img/frecciamenu.gif[/img]</div></td>
                  <td width="202"><div id=menubot>pagina2</div></td>
                  <td width="7" bgcolor="#FFFFFF"></td>
                </tr>

Come posso fare l'allineamento centrato in verticale? Ho provato ad usare il tag vertical-align: center; ma non funziona... consigli?

[Bukowski]

I mitici e fantasmagorici CSS non possono esserti d'aiuto per un allineamento verticale ... devi usare le tabelle

[Mich_]

I mitici e fantasmagorici CSS non possono esserti d'aiuto per un allineamento verticale ... devi usare le tabelle

Come sarebbe a dire?? Con i CSS si puo` allineare in verticale.
Ci sono vari thread in proposito: puoi fare una ricerca nel forum: basta che limiti a non piu` di un mese e ne trovi diversi.

Piuttosto ci sono diversi errori in quel codice:
- i tag vanno scritti tutti minuscoli (ci sono brwoser che altrimenti non capiscono)
- non si possono usare id ripetuti
- mi pare che ci sia un uso improprio delle tabelle

[jepers]

Io personalmente dovrei vedere un pò più del tuo codice per capire come intervenire nello specifico, però per (poca) esperienza ti dico che vertical-align serve per le immagini rispetto al testo.
Mentre per allineare tutto verticalmente dentro ad un div, ti conviene usare il padding-top e cercare un valore che te lo pone allineato,fai qualche tentativo e ci riuscirai.
Al limite fai cosi:

<div id="nome_qualunque">
  <div id="menù">tutto il testo che mi pare</div>
</div>
al secondo div dai un valore di margin-top tale che te lo metta allineato al centro.

I css possono tutto o quasi

[Bukowski]

Originariamente inviato da Mich_
Come sarebbe a dire?? Con i CSS si puo` allineare in verticale.
Ci sono vari thread in proposito: puoi fare una ricerca nel forum: basta che limiti a non piu` di un mese e ne trovi diversi.

Certo, anche io so tirare due calci al pallone ma il Mister tra me e Totti sceglierà sicuramente Totti.
Ergo, le tabelle sono più adatte a gestire l'allineamento verticale di un CSS, che si lo fa, ma mooolto male.

[bagu]

Originariamente inviato da Bukowski
I mitici e fantasmagorici CSS non possono esserti d'aiuto per un allineamento verticale ... devi usare le tabelle

Guarda che nel post sopra sono utilizzate le tabelle, magari male ma sono utilizzate.

[Mich_]

Anzitutto una precisazione sulle tabelle:
Inseriscono significato semantico, quindi NON VANNO USATE PER LA FORMATTAZIONE.

Poi il consiglio di jepers di usare il padding: in teoria e` giusto, ma non e` correttamente supportato da IE, per cui conviene usare invece il margin, al limite inserendo un div extra.

Per i browser standard, per centrare basta dare
margin:auto;
al div che si deve centrare.
Per centrare solo orizontalmente:
margin: 0 auto;
Per centrare solo verticalmente:
margin: auto 0;

Per il browser IE, per centrare in orizzontale occorre dare
text-align: center;
al div superiore.

[Bukowski]

Originariamente inviato da Mich_
Anzitutto una precisazione sulle tabelle:
Inseriscono significato semantico, quindi NON VANNO USATE PER LA FORMATTAZIONE.

Poi il consiglio di jepers di usare il padding: in teoria e` giusto, ma non e` correttamente supportato da IE, per cui conviene usare invece il margin, al limite inserendo un div extra.

Per i browser standard, per centrare basta dare
margin:auto;
al div che si deve centrare.
Per centrare solo orizontalmente:
margin: 0 auto;
Per centrare solo verticalmente:
margin: auto 0;

Per il browser IE, per centrare in orizzontale occorre dare
text-align: center;
al div superiore.

E verticalmente per IE ???

[carp]

centrare un box in verticale:
http://www.constile.org/template/centrare_il_box/

anche su IE

[Bukowski]

Originariamente inviato da carp
centrare un box in verticale:
http://www.constile.org/template/centrare_il_box/

anche su IE

Appunto! E' un manuale

Usate le tabelle va ... non c'è mai morto nessuno