Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][htm] Mozilla nie wyświetla tła
Forum PHP.pl > Forum > Przedszkole
poxrimex
28.01.2008, 21:44:39
Mam problem gdyż mozilla nie wyświetla tła strony divu inside:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="Stylesheet" type="text/css" href="style.css" />
  4.  
  5. </head>
  6.  
  7. <body>
  8.  
  9. <div id="inside">
  10. <div id="strona">
  11.  
  12.  
  13. <div id="ta"><img src="ta.gif" style="width: 800px; height: 120px;"/></div>
  14. <div id="tresc">
  15. Witamy
  16. </div>
  17.   </div>
  18. </div>
  19.  
  20. </body>
  21. </html>
[HTML] pobierz, plaintext


CSS:

[HTML] pobierz, plaintext 
  1. html, body
  2. {
  3. margin-top: 0px;
  4. margin-left: 0px;
  5. margin-right: 0px;
  6. margin-bottom: 0px;
  7. text-align: center;
  8. }
  9.  
  10. #inside
  11. {
  12. width: 820px;
  13. background-image: url(tlo.gif);
  14. margin-left: auto;
  15. margin-right: auto;
  16. margin-top: 0px;
  17. margin-bottom: 0px;
  18. text-align: center;
  19. }
  20.  
  21. #strona
  22. {
  23. width: 800px;
  24. margin-left: auto;
  25. margin-right: auto;
  26. background-color: blue;
  27. margin-top: 0px;
  28. margin-bottom: 0px;
  29. text-align: center;
  30. }
  31.  
  32. #ta
  33. {
  34. width: 800px;
  35. margin-top: 0px;
  36. margin-bottom: 0px;
  37. margin-left: auto;
  38. margin-right: auto;
  39. background-color: blue;
  40. clear: both;
  41. text-align: center;
  42. }
  43.  
  44. #tresc
  45. {
  46. width: 620px;
  47. float: right;
  48. clear: both;
  49. margin-top: 0px;
  50. margin-bottom: 0px;
  51. background-color: black;
  52. text-align: center;
  53. }
[HTML] pobierz, plaintext
batman
28.01.2008, 22:32:46
Nie sprawdzałem tego w przeglądarce, jednak na pierwszy rzut oka widać, że kolejne div-y mają ustawiony kolor tła. Kolor ten zasłania tło div-a inside.
pjamorski
29.01.2008, 07:30:07
Cze kolego, w pliku css tam w linijce background-image: url(tlo.gif); to chyba brakuje czegoś brakuje party.gif . background-image: url('tlo.gif');. To powinnow starczyć
grzesiek_g
29.01.2008, 07:51:03
overflow:hidden dla tego diva lub:
[HTML] pobierz, plaintext 
  1. <div style="clear:both"></div>
[HTML] pobierz, plaintext
na końcu tego diva (przed znacznikiem zamykającym).
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.