Fixed, a wypośrodkowanie

wersja skryptu MyBB: 1.6.9
adres forum: niestety to tajne :3.
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Otóż przyczepiłem sobie header do góry strony przez position: fixed, i wszystko byłoby pięknie, gdyby nie to, że ten header nie chce być na środku . Oto screen efektu:

Fragment arkuszu CSS:

#panel {
    background: url(http://i47.tinypic.com/29ft56o.png) center top no-repeat;
        position: fixed;
        width: 940px;
    color: #b29b88;
    padding: 0px 25px;
    height: 35px;
    line-height: 32px;
    text-shadow: 0px 0px 5px #DDC1AA;
    font-family: 'Metamorphous';
    font-size: 11px;
        border-radius: 0px 0px 10px 10px;
        border: 1px solid rgba(207,195,181,0.6);
        box-shadow: 0 0 15px rgba(0,0,0,0.8) inset;
        z-index:100;
}

Czy jest w stanie ktoś mi pomóc?

A gdzie:

margin: 0 auto;

?

Usunąłem, bo nic nie dawało. Gdzieś przeczytałem, że właśnie przez position: fixed, div ignoruje marginesy .

Okeej. Jeśli element ma stałą szerokość (w pikselach), to nie będzie problemu z jego wypozycjonowaniem:

top: 50%;
left: 50%;
margin-top: -Xpx;
margin-left: -Ypx;

Gdzie zamiast X wpisujesz wysokość pola dzieloną przez 2, a zamiast Y szerokość dzieloną przez 2.

Niestety, jest jeszcze gorzej:

#panel {
    background: url(http://i47.tinypic.com/29ft56o.png) center top no-repeat;
        position: fixed;
        top: -1px;
        width: 940px;
    color: #b29b88;
    padding: 0px 25px;
    height: 36px;
    line-height: 32px;
    text-shadow: 0px 0px 5px #DDC1AA;
    font-family: 'Metamorphous';
    font-size: 11px;
        border-radius: 0px 0px 10px 10px;
        border: 1px solid rgba(207,195,181,0.6);
        box-shadow: 0 0 15px rgba(0,0,0,0.8) inset;
        z-index:100;
        top: 50%;
        left: 50%;
        margin-left: -470px;
        margin-top: -18px;
}

i może żeby było jaśniej - chciałbym, aby wypośrodkowało tylko w poziomie, nie w pionie (ma być na środku i przyczepiony do góry)

A, fakt. Top i margin-top wywalić. Co do wyśrodkowania w poziomie, pokombinuj, dodaj kilka pikseli mniej lub więcej do marginesu i powinno być okej

Modyfikowałem i jest ok, ale tylko w tej rozdzielczości, w której kombinowałem, jak np. kliknę Ctrl i - (w Firefoxie) to robi się coraz gorzej, a chcę by strona była optymalna dla każdej rozdzielczości.

Okej, rozumiem. Bez adresu trudno mi cokolwiek powiedzieć.

Przejrzyj to, może Ci pomoże:
http://stackoverflow.com/questions/31573...-fixed-div
http://stackoverflow.com/questions/97112...d-centered
http://webdesign.about.com/od/css/ht/htcsscenterfix.htm
https://forums.digitalpoint.com/threads/...ss.479051/

Mogę wysłać adres na PW, tylko nikomu nie pokazuj : P.

Twoim błędem jest to, że zmieniłeś wartość prcentową znacznika left, a powinieneś bawić się tylko marginesami.

#panel {
    background: url(../../../images/Diablo/userbar.png) center top no-repeat;
        position: fixed;
        top: -1px;
        width: 940px;
    color: #b29b88;
    padding: 0px 25px;
    height: 36px;
    line-height: 32px;
    text-shadow: 0px 0px 5px #DDC1AA;
    font-family: 'Minecraft';
    font-size: 13px;
        border-radius: 0px 0px 10px 10px;
        border: 1px solid rgba(49,35,24,0.3);
        box-shadow: 0 0 15px rgba(0,0,0,0.5) inset;
        z-index:100;
        left: 50%;
        margin-left: -496px;
}

To powinno być okej. Sprawdzałem u siebie na rozdzielczości 1920x1080 przy oknie zmaksymalizowanym, jak i również zwężonym.

Dzięki ślicznie za pomoc .

Matslom napisał 06.02.2013, 16:44:
Zapoznaj się z