Autor | Zpráva | ||
---|---|---|---|
Jenda.fjjf Profil * |
#1 · Zasláno: 25. 3. 2011, 18:14:12
Zdravím, narazil sem na problém.
#editace { width: 1037px; margin: auto; height: 300px; float: center; clear:both; bottom: 61px; z-index: 5; background-color: red; text-align: center; position: fixed;} Se mi nedaří vycentrovat. Nevíte jak na to? Position: fixed musí zůstat. |
||
lilbrain Profil |
#2 · Zasláno: 25. 3. 2011, 18:27:23 · Upravil/a: lilbrain
Také zdravím. Chtěl bych upozornit, že float může nabývat pouze hodnot left, right či none. Pokud potřebuješ vycentrovat pozicovaný element a tento element má definované rozměry, uvažujme tento vzorový příklad:
div { height: 500px; margin: -250px 0 0 -500px // záporné hodnoty jsou samozřejmě v pořádku, jedná se o poloviční hodnoty height a width position: fixed; top: 50%; left: 50%; width: 1000px; } Tento zápis ti uváděný div vycentruje horizontálně i vertikálně. Ostatní css properties jsou již na tobě. Doporučuji přidat vyšší hodnotu z-index, jelikož počítám, že se bude jednat o nějaké pop up okno či widget. |
||
Jenda.fjjf Profil * |
#3 · Zasláno: 25. 3. 2011, 18:47:40
Díky. Podle toho Vašeho jsem to udělal takhle:
#editace { height: 350px; margin-left: -498; position: fixed; bottom: 48px; left:50% ; width: 960px; background-color: red; z-index:30;} Ale nevěřím, že to půjde správně na všech rozlišeních, jdu to zkusit. |
||
lilbrain Profil |
#4 · Zasláno: 25. 3. 2011, 19:26:46
margin-left by mělo být:
margin-left: -480px; /* 960 / 2 = 480 */ |
||
Časová prodleva: 13 let
|
0