Autor Zpráva
Jenda.fjjf
Profil *
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
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 *
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
margin-left by mělo být:
margin-left: -480px; /* 960 / 2 = 480  */

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: