Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Tło strony
Forum PHP.pl > Forum > Przedszkole
rafaelpl
Mam mały problem z tłem strony, a mianowicie jej prawą stroną.
Pod IE wszystko działa, niestety Firefox wyświetla już błędny wygląd.

Tak strona wygląda pod liskiem:


A powinna prezentować się w ten sposób:


Za wyświetlanie tła odpowiedzialny jest kod:
  1. div#lay{
  2. width: 890px;
  3. margin:0px auto;
  4. background:#FFFFFF url('images/menu_bg.gif') repeat-y;
  5. }


Dołączam kompletny kod strony: http://www.rafaelpl.info/www.rar
Z zaznaczeniem, że chroniony jest prawami autorskimi smile.gif

Z góry dziękuję za pomoc!
Ar2r
To zapewne efekt opływania dołozonego do #menu_top. Spróbuj ustawić opływanie dla #lay lub zniweluj go poprzez clear.
rafaelpl
Cytat(Ar2r @ 19.08.2008, 15:28:09 ) *
To zapewne efekt opływania dołozonego do #menu_top. Spróbuj ustawić opływanie dla #lay lub zniweluj go poprzez clear.

Hmm, jeśli ustawię opływanie dla lay (left lub right), to owszem działa, lecz wtedy całość nie jest już na środku. Oczywiście mogę dodać kolejnego diva, który będzie odpowiedzialny wyłącznie za środkowanie, ale podejrzewam, że nie tędy droga smile.gif

Clear nie działa winksmiley.jpg
Ar2r
Clear zadziała ale musisz umieścić go w odpowiednim miejscu. W celach testu dodaj:
  1. <div style="clear: both;"></div>
  2. </div> <!-- tag zamykający #menu -->
rafaelpl
Cytat(Ar2r @ 19.08.2008, 16:34:02 ) *
Clear zadziała ale musisz umieścić go w odpowiednim miejscu. W celach testu dodaj:
  1. <div style="clear: both;"></div>
  2. </div> <!-- tag zamykający #menu -->


Heh, dodałem, a tu dalej nic smile.gif

Może coś robię nie tak, ale próbowałem go już umieścić w kilku miejscach i wciąż nie działa...

Najlepiej, gdyby ktoś pokusił się z gotowym rozwiązaniem, ponieważ mój mózg ostatnio pracuje bardzo opornie smile.gif
Prawdopodobnie to efekt końca wakacji...
szpakoo
nie wiem czy dokładnie o to chodzi, ale dodałem clear:both dla div#lay i dodatkowo wrzuciłem background:white; dla div#prawa. zauważyłem jeszcze jedną różnicę pomiędzy IE i FF no i dla lepszego uwidocznienia wrzuciłem background:red; dla div#menu.

Po takiej zmianie wygląda to tak jak trzeba (chyba smile.gif ) zmień sobie tego "red`a" żeby nie straszył

  1. div#lay{
  2. width: 890px;
  3. margin:0px auto;
  4. background:#FFFFFF url('images/menu_bg.gif') repeat-y;
  5. clear:both;
  6. }
  7. div#prawa{
  8. float:right;
  9. background: white;
  10. width:635px;
  11. padding:10px 15px 10px 15px;
  12. }
  13. div#menu{
  14. width:225px;
  15. padding-top:5px;
  16. float:left;
  17. background:red;
  18. }
rafaelpl
Nie o to mi chodziło smile.gif

Tło, które zadeklarowałem w #lay powinno być widoczne zarówno pod #menu jak i pod #prawa smile.gif
W kodzie, który proponujesz żadne z tych założeń nie jest spełnione winksmiley.jpg

Edit:
Dodałem jeszcze jednego #diva, w którym wyłącznie zadeklarowałem tło i nadałem mu floata.
Podejrzewam, że nie jest to najlepsze rozwiązanie, ale jeśli nikt nie potrafi mi dokładnie pomóc, jestem zmuszony użyć tego 'badziewia' smile.gif
Ar2r
Ok, przeoczyłem diva z prawym opływaniem (tym razem przetestowane w FF smile.gif).
  1. <div style='clear: both;'></div>
  2. </div>
  3. </body>
  4. </html>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.