Autor Zpráva
Petra z Votic
Profil
#1 · Zasláno: 8. 2. 2007, 20:26:57
Odpovědět Citovat
Mám absolutně poz. div 500px na 50px a potřebuji v něm mít text zarovnán na střed vertikálně i horizontálně.
text-align: center;
vertical-align: middle;

nefunguje

line-height: 360%;
fuguje, ale nevím zda je to best řešení



Nevíte kterak to nejlépe udělati.
Berny
Profil
#2 · Zasláno: 8. 2. 2007, 21:43:55
Odpovědět Citovat
Zkus například nastavit line-height na hodnotu výšky toho DIVu. Mělo by to fungovat. 

line-height: 50px;
korzoo
Profil
#3 · Zasláno: 8. 2. 2007, 22:47:40 · Upravil/a: korzoo
Odpovědět Citovat
EDIT /prepacte, rychlo som cital prispevok. Myslel som, ze ide o div./

:::css:::
body, html {
overflow: hidden;
}

body {
background-color:#000000
}

.ram{
background-color: #FFFF00;
text-align: left;
margin-top: -225px;
margin-left: -375px;
position: absolute;
top: 50%;
left: 50%;
width: 750px;
height: 450px;
}

:::html:::

<body>

<div class="ram">Ukazkovy text</div>

</body>
Časová prodleva: 1 měsíc
VojtaW
Profil *
#4 · Zasláno: 24. 3. 2007, 11:07:36
Odpovědět Citovat
Je také možné vytvořit další vnořený div, ve kterém bude text-align:center; a jeho vertical-align:middle;. Vnější div může mít pouze text-align:center;.
Vertical align totiž mění pozici celého divu, ne pouze textu - to je asi v kombinaci s absolutním pozicováním příčinou nefunkčnosti.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0