[HTML][CSS] Tło strony Opcje

[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:

[HTML] pobierz, plaintext 
div#lay{
   width: 890px;
   margin:0px auto;
   background:#FFFFFF url('images/menu_bg.gif') repeat-y;
}
[HTML] pobierz, plaintext 

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

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]

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

Clear nie działa

[Ar2r]

Clear zadziała ale musisz umieścić go w odpowiednim miejscu. W celach testu dodaj:

[HTML] pobierz, plaintext 
<div style="clear: both;"></div>
</div> <!-- tag zamykający  #menu  -->
[HTML] pobierz, plaintext 

Ten post edytował Ar2r 19.08.2008, 15:34:33

[rafaelpl]

Clear zadziała ale musisz umieścić go w odpowiednim miejscu. W celach testu dodaj:

[HTML] pobierz, plaintext 
<div style="clear: both;"></div>
</div> <!-- tag zamykający  #menu  -->
[HTML] pobierz, plaintext 

Heh, dodałem, a tu dalej nic

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
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 ) zmień sobie tego "red`a" żeby nie straszył

[HTML] pobierz, plaintext 
div#lay{
   width: 890px;
   margin:0px auto;
   background:#FFFFFF url('images/menu_bg.gif') repeat-y;
  clear:both;
}
div#prawa{
  float:right;
  background: white;
  width:635px;
  padding:10px 15px 10px 15px; 
}
div#menu{
  width:225px;
  padding-top:5px;
  float:left;
  background:red;
}
[HTML] pobierz, plaintext 

[rafaelpl]

Nie o to mi chodziło

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

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'

Ten post edytował rafaelpl 19.08.2008, 18:46:48

[Ar2r]

Ok, przeoczyłem diva z prawym opływaniem (tym razem przetestowane w FF ).

[SQL] pobierz, plaintext 
<div style='clear: both;'></div>
</div>
</body>
</html>
[SQL] pobierz, plaintext