Allineamento verticale

[daniele_dll]

Hola

dunque ho un problemuccio
sto facendo un sito usando solo div e css, solo che non riesco a impostare la posizione di un div verticale all'interno del div parent

Ovvero...
(foglio di stile)

			#main #topbar #rightbox {
				text-align: center;
				background: #99A3C9;
				width: 570px;
				float: right;
				height: 100%;
				font-weight: bold;
				vertical-align: middle;
			}
			
			#main #topbar #rightbox .description {
/*				margin-left: 35px;*/
				font-size: 14px;
/*				display: inline;*/
			}

(codice html)

			<div id="topbar">
				<div id="leftbox">
					[img]images/logo.png[/img]
				</div>
				<div id="rightbox">
					<div class="description">Consulenza Informatica</div>
					<div class="description">Installazione Sistemi in Rete</div>
					<div class="description">Rigenerazione Toner e Cartucce</div>
					<div class="description">Progetti Web</div>
					<div class="description">Software Personalizzati</div>
					<div class="description">Vendita Hardware e Software</div>
					<div class="description">Assistenza On Center e On Side</div>
				</div>
			</div>

in pratica questo testo non mi viene verticalmente centrato all'interno del div parent!

il problema è che non capisco dove sbaglio

su http://www.w3schools.com/css/pr_pos_vertical-align.asp
sembra che faccio correttamente :\

The vertical-align property sets the vertical alignment of an element.
.
.
.
.
.
.
middle The element is placed in the middle of the parent element

supportato correttamente sin da ie4 e nn4 di conseguenza ie6 e firefox 0.9.3 lo digeriscono perfettamente

forse è per via di quel height: 100%?

il contenitore di rightbox è topbar e il css è questo

			#main #topbar {
				width: 750px;
				height: 160px;
			}

qualche idea?

[daniele_dll]

ops, ho notato di aver fatto una grossa @@

cmq mettendo tutti i vari div description all'interno di un div container con una altezza inferiore al div rightbox continua a non andare

[oscarlogoteta]

Prova questo

vertical-align: xx%

[daniele_dll]

Originariamente inviato da oscarlogoteta
Prova questo

vertical-align: xx%

già provato
il discorso era proprio xo per far si che mi settasse l'altezza lui :\\\

[Steph]

ciao daniele

il problema e` che il vertical-align si applica solo agli elementi inline

per i blocchi puoi usare questa tecnica:
http://www.constile.org/template/centrare_il_box/

[ateicos]

a bello!

Ciao Daniè, guarda qua...

proprio al centro non è, però ci si avvicina parecchio.

non si può usare un attributo height per un tabella o per un div nell'xhtml, quindi ci si arrangia alla meno peggio.

	body { margin:0; padding:0; }

	#d1 {
		width:100%;
		position:absolute;
		top:35%;
	}
	#main {
		float:right; 
		text-align:left;
		width:570px;
		height:50%;
		overflow:auto;
		background-color: #99A3C9;
	}
	#leftbox {
		float:left;
	}
	#rightbox {
		float:right; 
		margin-left: 35px;
		font-size: 14px;
		display: inline;
		font-weight: bold;
	}

<div id="d1" >
	<div id="main" >
				<div id="leftbox">
					[img]menu.png[/img]
				</div>
				<div id="rightbox">
					<div class="description">Consulenza Informatica</div>
					<div class="description">Installazione Sistemi in Rete</div>
					<div class="description">Rigenerazione Toner e Cartucce</div>
					<div class="description">Progetti Web</div>
					<div class="description">Software Personalizzati</div>
					<div class="description">Vendita Hardware e Software</div>
					<div class="description">Assistenza On Center e On Side</div>
				</div>
	</div>
	</div>

[daniele_dll]

vabuo, volevo fare usando i css :\
niente ^^
o al max inserisco uno span e metto tutte le scritte dentro il rightbox

cmq grazie a tutto

---
toto è da assai che non ti fai vedere ^^
sciauz

[ateicos]

Originariamente inviato da daniele_dll
vabuo, volevo fare usando i css :\
niente ^^
o al max inserisco uno span e metto tutte le scritte dentro il rightbox

cmq grazie a tutto

---
toto è da assai che non ti fai vedere ^^
sciauz

l'unico modo che hai per allinearlo al centro in tutti i sensi, devi usare una tabella specificandone l'altezza (100%) e l'allineamento nella cella. sta cosa però non è conforme alle specifiche XHTML e forse HTML (4.0)

------------------------

eehhh, l'altro giorno t'ho visto in motorino al quadrivio, t'ho chiamato ma c'era traffico e non m'hai sentito.

a presto,

[daniele_dll]

Originariamente inviato da ateicos
l'unico modo che hai per allinearlo al centro in tutti i sensi, devi usare una tabella specificandone l'altezza (100%) e l'allineamento nella cella. sta cosa però non è conforme alle specifiche XHTML e forse HTML (4.0)

voglio proprio evitare questo

------------------------

eehhh, l'altro giorno t'ho visto in motorino al quadrivio, t'ho chiamato ma c'era traffico e non m'hai sentito.

a presto,

quando sono sul motore tiro dritto e non guardo da nessuna parte e poi stavo andando a comprarmi il pranzo quindi avevo ancora + fretta

[span]

Originariamente inviato da ateicos
l'unico modo che hai per allinearlo al centro in tutti i sensi, devi usare una tabella specificandone l'altezza (100%) e l'allineamento nella cella. sta cosa però non è conforme alle specifiche XHTML e forse HTML (4.0)

volendo anche come spiegato nell'articolo postato da steph ed è tutto xhtml e css compatibile... l'unica cosa, nello stesso articolo dice che non funziona con Konqueror e per sentito dire non funziona neanche con IE5/Mac (con ie5/win funziona).