ugrás a tartalomhoz

CSS DIV-ben vertikálisan középre igazitás

Anonymous · 2006. Május. 4. (Cs), 10.02
Hali!

Tudja valaki, hogy hogyan lehet divben vertikálisan középre igazítani?

Kösz,

atxatx
‹ DBGrid Szolgáltatótól függő magyar ékezetes karakterekkel kapcsolatos megjelenítési probléma ›
 ■
1

STFW

janoszen · 2006. Május. 4. (Cs), 10.31
Már volt, ráadásul a Googleban kismillió megoldás van, érdemes egy picit keresni, megtalálod a neked megfelelőt.
2

pl

toxin · 2006. Május. 4. (Cs), 14.59

#wrapper{
	width: 665px;
	height:400px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top: -200px;
	margin-left: -335px;
}
jó szórakozást :)

ui: ha egy diven belül kell, a külső divnek css-ben, position:relative;
3

félreértettél

Anonymous · 2006. Május. 5. (P), 09.08
A diven belüli tartalmat szeretném vertikálisan középre igazítan.
4

Repülő ember

Jano · 2006. Május. 5. (P), 09.22
Mivel az ember nem tud repülni, ezért repülőgépbe ül és azt repteti.

CSS-ben nem lehet bárhol függőleges középre igazítást csinálni csak 2 helyen. Az egyik az a táblázat cella, másik pedig a sorbeli elemeknél. Mind a két dolog arra van kitalálva, hogy az elemek egymáshoz képesti helyzetét lehessen vele beállítani.

Vízszintes középreigazítás a block típusú elemeknél a két oldalon ugyanolyan érték megadásával, sorbeli elemeknél a text-align tulajdonság beállításával megy.

Tehát amíg vízsszintesen bármit középre tudunk igazítani addig függőlegesen nem, ezért kell trükkölni.

A fenti abszolút pozicionálásos megoldásnál, nagyobb területek esetén arra kell figyelni, hogy a negatív margók nehogy kihúzzák az elem egy részét a böngésző ablakból, ha az nem elég nagy.
5

ahamm

toxin · 2006. Május. 5. (P), 09.49
.foo{
height: 30px;
line-height: 30px;
.
.
}


height ( = min-height) = line-height
6

részmegoldás

Anonymous · 2006. Május. 5. (P), 11.08
ez csak és kizárólag abban az esetben jó, ha egyetlen sor van a divben, ellenben itt egy komplett megoldás.

gex