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:
![[Obrazek: 51onb6.png]](http://i45.tinypic.com/51onb6.png)
Fragment arkuszu CSS:
Kod:
#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?
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:
Kod:
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:
Kod:
#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;
}
![[Obrazek: 17s8zo.png]](http://i47.tinypic.com/17s8zo.png)
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.
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.
Kod:
#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.
.