koszar93
31.10.2011, 10:02:45
Witam,
wczoraj wykonałem szablon strony, zakodowałem go do css i mam jeden mały problem.
http://aleh.aq.pl/Jeśli jest dużo tekstu tak że trzeba przewijać stronę na dół cała grafika przesuwa mi się minimalnie w lewo a tło strony pozostaje na swoim miejscu. Nie wiem co zrobić/co źle zrobiłem.
Np. włączajcie i wyłączajcie reklamę w prawym górnym rogu.
Zaglądnijcie w źródła i jeśli możecie pomóżcie.
Sephirus
31.10.2011, 10:08:23
Hmm na pierwszy rzut oka to się to przesuwa w lewo bo po prawej pojawia się scrollbar do przesuwania strony a to jest normalne - nie wiem czy o to chodziło.
koszar93
31.10.2011, 10:13:31
Popatrz na stopkę, ona zostaje tam gdzie ma być a reszta się przesuwa właśnie o szerokość scrollbara. Jak to naprawić?
mortus
31.10.2011, 10:28:21
Zostaje, bo jest źle wypozycjonowana i chyba znajduje się w innym miejscu, niż powinna (mówię o kodzie HTML). W ogóle syf masz w kodzie, chyba, że to kwestia reklam. Poszukaj jakiegoś edytora do kolorowania składni i sprawdź, czy wszystkie znaczniki są tam, gdzie powinny być.
jg44
31.10.2011, 10:32:31
W stopce zamiast
position: relative;
daj
clear: both;
Dodatkowo zamień
margin-left: 208px;
na
margin-left: auto; margin-right: auto;
i powinno pomóc.
Sephirus
31.10.2011, 10:33:55
Twój styl stopki:
#footer {
background: url("images/footer.jpg") no-repeat scroll left center transparent;
height: 50px;
margin-left: 208px;
margin-top: 227px;
position: relative;
}
Zmień na
#footer {
background: url("images/footer.jpg") no-repeat scroll left center transparent;
height: 50px;
margin: 227px auto 0 auto;
width: 1024px;
position: relative;
}
koszar93
31.10.2011, 12:06:48
Dobra, stopka załatwiona jeszcze tylko żeby strona nie przesuwała się w lewo jak scrollbar sie pojawia.
edit.
wyrzuciłem z body margin: auto; i strona nie przesuwa się w lewo itp ale u góry nad logiem jest taki pasek z tła. Jak pozbyć się tego?
Sephirus
31.10.2011, 12:23:15
Daj BODY margin-top:0;
koszar93
31.10.2011, 12:32:37
Cytat(Sephirus @ 31.10.2011, 12:23:15 )

Daj BODY margin-top:0;

W tedy strona przesuwa się w lewo tak jak wcześniej
Sephirus
31.10.2011, 14:08:39
Czytaj dobrze

Ustaw tylko margin-TOP:0; czyli tylko górny margines...
koszar93
31.10.2011, 14:22:23
Cytat(Sephirus @ 31.10.2011, 14:08:39 )

Czytaj dobrze

Ustaw tylko margin-TOP:0; czyli tylko górny margines...
Czytam dobrze i zrobiłem tak jak mówiłeś, margin-TOP:0; w body lecz strona przesuwa się nadal a lewo jak jest scrollbar...
Sephirus
31.10.2011, 14:28:15
Ok czyli chcesz żeby strona nie przesuwała się w lewo w momencie jak pojawia się scrollbar. Nie za bardzo da się z tym w pełni coś zrobić musiałbyś całą stronę przytulić do lewej strony z podaniem jakiegoś marginesu - ale wtedy przy większej rozdzielczości strona nie byłaby na środku przeglądarki mając stałą szerokość... Nie do końca wiem co tu można zrobić - bo takie zachowanie strony jest najbardziej naturalne. Albo możesz mieć stronę na środku i z lekkim przesunięciem całości przy scrollbarze albo całą stronę odsuniętą od lewej o konkretną wartość pikseli... Wybór należy do Ciebie
koszar93
31.10.2011, 14:37:02
Zostawię ją z tą małą dziurką u góry.
Dzieki za pomoc!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.