<div id="someid">some text here</div>
css ...
#someid{position: fixed; width: 500px; height: 30px;}
Chcem umiestniť absolútne stred vodorovne a zvisle k oknu?
odpovede:
0 pre odpoveď č. 1#someid{
position:
fixed;
width: 500px;
height: 30px;
right:50%;
margin-right:-250px;
}
Záporná hranica je oprava posunu, ku ktorému dôjde, keď prehliadač bude považovať pravú stranu div za 50% z pravej strany okna prehliadača.
Ak ju chcete vertikálne vycentrovať, možno budete chcieť vyskúšať to isté (bez záruky, aj keď som to ešte neurobil) s jej vertikálnou polohou.
Napríklad:
top:50%;
margin-top:-15px;
editovať Trochu dôkladnejšie vysvetlenie: Ak je #someid umiestnený 50% sprava, je umiestnený tak, že je 50% jeho celkovej šírky od jeho pravého okraja. Toto sa však nemeria zo stredu #someid na pravú hranicu jeho rodičovského prvku, meria sa z pravej strany #someid na pravú stranu jeho rodičovského prvku. Toto samozrejme nie je celkom v strede # nejako je to stále odsadené o polovicu svojej šírky.
Z tohto dôvodu používame na vyrovnanie zápornú maržu. Záporný okraj musí byť polovicou šírky #someid, aby sa vyrovnal posun doľava, ktorý sa objaví, keď ho umiestnime na jeho pravú stranu 50% sprava od jeho rodičovského prvku.
0 pre odpoveď č. 2
Kým je vaša pozícia fixed nemôžete umiestniť div relatívne. Hornú a ľavú hodnotu musíte vypočítať pomocou JavaScriptu. Svoju polohu môžete vycentrovať vodorovne tak, že napíšete toto:
width: #SOMEWIDTH#px;
margin: 0 auto;
Ak chcete nastaviť polohu okraja na div v strede, MUSÍTE nastaviť atribút šírky. Automatické okrajovanie neovplyvňuje vertikálne poškodenie.