Autor Zpráva
htmsed
Profil *
Ahoj mám dotaz ohledně pozicování jak absolutního tak relativního už stím bojuji dost dlouho.

<style>

body {
margin:0 auto;
}

.abs {
position:absolute;
left:200px;
top:10px;
}

.rel {
position:relative;
margin-left:200px;
top:20px;
left:50%;
width:120px;
}

</style>

<div class="abs">test textu abs</div>

<div class="rel">test textu rel</div>

<center>test textu</center>

Proč semi ten text nechce vycentrovat do prostřed jako u center?a jak to mám udělat?
A je lepsí používat relative než absolute?

Děkuji za odpověd.
Borius
Profil
htmsed:
Jaký text máš na mysli označením „semi ten text“? Text v <center> vycentrován je. Zbylé dva texty vycentrovány nejsou, protože nemají ve stylopisu definováno ‘text-align:center’. Jestli relative, nebo absolute – to záleží čeho tím chceš dosáhnout (mnohdy je nejlepším řešením prosté margin:)
Oli
Profil *
Hlavní rozdíl je v tom, že position: absolute; vyjme blok ze stránky a pozicuje ji absolutne vuci nejblizsimu relativnimu rodici. To znamena, ze kdyby jsi vlozil ten kod class="abs" od class="rel" tak bude ten absolutni pozicovanej uvnitr toho relativniho a 200 px od jeho leveho okraje a 10 px od vrsku. Nejvetsi rozdil je, ze je ten absolutni text vyjmutej z toku dokumentu. Proto se neda rict, co je lepsi. Je to proste jiny...
Borius
Profil
Oli:
position: absolute; vyjme blok ze stránky a pozicuje ji absolutne vuci nejblizsimu relativnimu rodici.
Jenom drobné upřesnění:
Nepozicuje „vuci“ nejbližšímu „relativnímu“ rodiči, alebrž
v rámci nejbližšího absolutně nebo relativně pozicovaného rodiče.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: