Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: css - problem z tlem pod FF
Forum PHP.pl > Forum > Po stronie przeglądarki
eltorito
Witam,
Natknalem sie na problem, z ktorym nie potrafie sobie poradzic.
Mianowicie - tlo na cala szerokosc strony, (nawet z zapasem - 1600px).
W srodku umieszczona jest tabela wysrodkowana, tak ze zgrywa sie z tlem co do pixela.


Pod IE wszystko jest w porzadku, natomiast pod FF poczatkowo jest ok, ale gdy strona sie rozrasta w pionie (dochodza teksty) tak ze pojawia sie pionowy pasek przewijania, wowczas:
- srodek strony (cala tabela) przesuwa sie o 1px w prawo i po obu stronach tabeli pojawia sie niedociagniecie 1px wzgledem tla
lub
- cale tlo przesuwa sie o 1px w lewo


CSS:
  1. body {
  2. background-color: #640B19;
  3. margin: 0 auto;
  4. text-align: center;
  5. background-image: url(images/tlo.gif);
  6. background-position: top center;
  7. background-repeat: no-repeat;
  8. }


HTML:
  1. <table width="920" border="0" cellpadding="0" cellspacing="0" align="center" class="tab">
  2. <tr>
  3. <td><img src="images/test_01.jpg" width="920" height="111" alt="" /></td>
  4. </tr>
  5. <tr>
  6. <td><img src="images/test_02.jpg" width="920" height="248" alt="" /></td>
  7. </tr>
  8. .....
  9.  


nikt nie pomoze??
Gorgeus
przede wszystkim napisz ta strone poprawnie, najpierw sprobuj tak:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  4. <style type="text/css" media="all">
  5. body {
  6. background: #640B19 url(images/tlo.gif) top center no-repeat;
  7. }
  8. div {
  9. margin: 0 auto;
  10. }
  11. </style>
  12. </head>
  13. <div>asdf</div>
  14. </body>
  15. </html>


teraz wrzuc duzo tekstu do diva i sprawdz jak zachowa sie firefox, jesli nadal bedzie problem, to wrzuc gdzies na serwer ta strone i podaj link
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.