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
  1. #wrapper{  
  2.     width: 665px;  
  3.     height:400px;  
  4.     position:absolute;  
  5.     left:50%;  
  6.     top:50%;  
  7.     margin-top: -200px;  
  8.     margin-left: -335px;  
  9. }  
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