Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]rozjezdzajaca sie tabelka
Forum PHP.pl > Forum > Przedszkole
shreker
Witam, mam problem z rozjezdzajaca sie tabelka. Pod Firefoxem, IE, opera wyswietla sie idealnie ale pod Chrome albo Safari rozjezdza sie kompletnie (nie trzyma wymiarów procentowych). Kod z grubsza wyglada tak:
  1. <tr class="frames_okno">
  2. <td class="frames_td_menu"></td>
  3. <td class="frames_td_okno"></td>
  4. </tr>

i css do tego
  1. .frames_okno
  2. {
  3. width:100%;
  4. height:auto;
  5. border:solid black 0px;
  6. border-collapse:collapse;
  7. background-color:#CEF7C4;
  8. }
  9.  
  10. .frames_td_menu
  11. {
  12. width:20%;
  13. height:auto;
  14. border:solid black 0px;
  15. border-collapse:collapse;
  16. background-color:#CEF7C4;
  17. }
  18.  
  19. .frames_td_okno
  20. {
  21. width:80%;
  22. height:auto;
  23. border:solid black 0px;
  24. border-collapse:collapse;
  25. background-color:#CEF7C4;
  26. }

Jak to mozna dostosowac rowniez do pozostalych przegladarek?
vokiel
  1. .frames_td_menu{
  2. float: left;
  3. }
  4. .frames_td_okno{
  5. float: left; // lub right
  6. }
Pilsener
A gdzie zgubiłeś
? I border-collapse ma zastosowanie dla całej tabeli, a nie komórki, nie jestem też pewien, czy width i border działają dla <tr>.

Tu masz poprawny kod tabeli:
  1. <table style="width:300px;" border="1">
  2. <tr style="text-align:center;">
  3. <td style="width:60%;">komórka a</td>
  4. <td style="width:40%;">komórka b</td>
  5. </tr>
- nie ma opcji, żeby pod Chrome się rozjeżdzało, chyba, że dajesz jakiś archaiczny doctype, który każe przeglądarce traktować stronę jak zupę z tagów.
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.