| Autor | Zpráva | ||
|---|---|---|---|
| htmsed Profil * |
#1 · Zasláno: 5. 5. 2012, 00:08:11
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:) |
||
|
Časová prodleva: 6 dní
|
|||
| Oli Profil * |
#3 · Zasláno: 11. 5. 2012, 02:12:45
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 |
#4 · Zasláno: 11. 5. 2012, 16:06:29
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. |
||
|
Časová prodleva: 13 let
|
|||
0