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: 12 let
|
0