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