Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][PHP] Przesuwanie się strony
koszar93
post
Post #1





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 24.09.2010

Ostrzeżenie: (0%)
-----

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.

Ten post edytował koszar93 31.10.2011, 10:03:38
Go to the top of the page
+Quote Post
Sephirus
post
Post #2





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
koszar93
post
Post #3





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 24.09.2010

Ostrzeżenie: (0%)
-----

Popatrz na stopkę, ona zostaje tam gdzie ma być a reszta się przesuwa właśnie o szerokość scrollbara. Jak to naprawić?
Go to the top of the page
+Quote Post
mortus
post
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

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ć.
Go to the top of the page
+Quote Post
jg44
post
Post #5





Grupa: Zarejestrowani
Postów: 122
Pomógł: 14
Dołączył: 14.07.2011
Skąd: Gliwice / Wrocław

Ostrzeżenie: (0%)
-----

W stopce zamiast 
[CSS] pobierz, plaintext 
  1. position: relative;
[CSS] pobierz, plaintext
daj 
[CSS] pobierz, plaintext 
  1. clear: both;
[CSS] pobierz, plaintext

Dodatkowo zamień 
[CSS] pobierz, plaintext 
  1. margin-left: 208px;
[CSS] pobierz, plaintext
na 
[CSS] pobierz, plaintext 
  1. margin-left: auto; margin-right: auto;
[CSS] pobierz, plaintext
i powinno pomóc.

Ten post edytował jg44 31.10.2011, 10:35:15
Go to the top of the page
+Quote Post
Sephirus
post
Post #6





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Twój styl stopki:

[CSS] pobierz, plaintext 
  1. #footer {
  2.     background: url("images/footer.jpg") no-repeat scroll left center transparent;
  3.     height: 50px;
  4.     margin-left: 208px;
  5.     margin-top: 227px;
  6.     position: relative;
  7. }
[CSS] pobierz, plaintext


Zmień na

[CSS] pobierz, plaintext 
  1. #footer {
  2.     background: url("images/footer.jpg") no-repeat scroll left center transparent;
  3.     height: 50px;
  4.     margin: 227px auto 0 auto;
  5.     width: 1024px;
  6.     position: relative;
  7. }
[CSS] pobierz, plaintext
Go to the top of the page
+Quote Post
koszar93
post
Post #7





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 24.09.2010

Ostrzeżenie: (0%)
-----

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?

Ten post edytował koszar93 31.10.2011, 12:10:37
Go to the top of the page
+Quote Post
Sephirus
post
Post #8





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Daj BODY margin-top:0;

(IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
koszar93
post
Post #9





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 24.09.2010

Ostrzeżenie: (0%)
-----

Cytat(Sephirus @ 31.10.2011, 12:23:15 ) *
Daj BODY margin-top:0;

(IMG:style_emoticons/default/wink.gif)

W tedy strona przesuwa się w lewo tak jak wcześniej (IMG:style_emoticons/default/snitch.gif)
Go to the top of the page
+Quote Post
Sephirus
post
Post #10





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Czytaj dobrze (IMG:style_emoticons/default/wink.gif) Ustaw tylko margin-TOP:0; czyli tylko górny margines...

Ten post edytował Sephirus 31.10.2011, 14:09:33
Go to the top of the page
+Quote Post
koszar93
post
Post #11





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 24.09.2010

Ostrzeżenie: (0%)
-----

Cytat(Sephirus @ 31.10.2011, 14:08:39 ) *
Czytaj dobrze (IMG:style_emoticons/default/wink.gif) 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...
Go to the top of the page
+Quote Post
Sephirus
post
Post #12





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
koszar93
post
Post #13





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 24.09.2010

Ostrzeżenie: (0%)
-----

Zostawię ją z tą małą dziurką u góry.
Dzieki za pomoc!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.09.2025 - 16:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn