Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] dziwny problem tabel...
Forum PHP.pl > Forum > Po stronie przeglądarki
dominiq
Witam.

Tworzę właśnie sobie stronkę i napotkałem na następujący problem...

http://kdr.pl/paski.jpg

Paske na górze jest prawidłowy (rozciągnięty na całej szerokości komórki), jednak jesli wkleje coś do owej tabeli (php, inny html) wiersz z górnym paskiem zwęrza się do szerokości z nikąd wziętej i tym samym nie rozciąga się na całą szerokość tabeli.
Znaczniki otwarte są pozamykane... IE oraz Opera ma z tym problem, a Firefox wyświetla stronke ok.

Z góry dziękuję za pomoc.

Pozdrawiam.
Cysiaczek
Mając za całe pole pracy obrazek, to nie wiele można powiedzieć. Pokaż kod, a przepowiem Ci przyszłość... eee.. tzn może coś wykombinujemy tongue.gif
dominiq
Kod?

Obojetnie jaki kod php wkleje zaczynaja sie schody, natomiast czysty txt nie powoduje psucia sie tabelki... ale podam przyklad:

  1. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  2. <tr>
  3. <td class="boxblue h6bialy" height="21" align="left" valign="middle"> sonda</td>
  4. <td class="boxbluerandom" width="56"></td>
  5. </tr>
  6. <tr>
  7. <td colspan="2"> </td>
  8. </tr>
  9. <tr>
  10. <td colspan="2">
  11.  
  12. <?php
  13. include_once "/home/users/osnews/public_html/poll/booth.php";
  14. $php_poll->set_template_set("popup");
  15. if ($php_poll->is_valid_poll_id(3)) {
  16. echo $php_poll->display_poll(3);
  17. }
  18. ?>
  19.  
  20. </td>
  21. </tr>


tylko najdziwniejsze jest to, ze firefox interpretuje wszystko ok (tabelki wyswietlaja sie ok), natomiast problem z wyswietlaniem ma IE oraz Opera.
Cysiaczek
Niestety nie mam IE, a i z Operą krucho sad.gif W FF jest jak mówisz ok. W takim razie mogę jedynie powiedzieć tyle, że sprawdz, czy kod php, który wstawiasz w jakiś sposób nie formatuje wyglądu strony. Nie wiem też,m co posiadasz w css do których się odnosisz. Może tam leży problem?
dominiq
Oto caly plik css... Watpie, zeby z nim byl problem, ale mozesz zerknac...

  1. BODY {
  2. font-family : Arial;
  3. background-image: url(gfx/bg.gif);
  4. }
  5. TD {
  6. font-family : Tahoma;
  7. font-size : 8pt;
  8. }
  9. TABLE {
  10. border-colapse: collapse;
  11. background-color:#FFFFFF;
  12. }
  13. .tableborder {
  14. border: solid 1px #000000;
  15. }
  16. A {
  17. text-decoration: none;
  18. color: white;
  19. font-weight : normal;
  20. cursor : hand;
  21. }
  22. .bold {
  23. font-weight:bold;
  24. }
  25. A.normal {
  26. text-decoration: none;
  27. color:#000000;
  28. font-weight : normal;
  29. cursor : hand;
  30. }
  31. A.normalbold {
  32. text-decoration: none;
  33. color:#000000;
  34. font-weight : bold;
  35. cursor : hand;
  36. }
  37. A:active {
  38. color: black;
  39. }
  40. A:Hover {
  41. text-decoration: none;
  42. color: #CC0000;
  43. }
  44. .aborder {
  45. border: solid 1px #ffffff;
  46. }
  47. .h7 {
  48. font-size : 7pt;
  49. }
  50. .h6 {
  51. font-size : 8pt;
  52. }
  53. .h6bialy {
  54. font-size : 8pt;
  55. color: #FFFFFF;
  56. }
  57. .h6szary {
  58. font-size : 8pt;
  59. color:#999999;
  60. }
  61. .h5 {
  62. font-size : 10pt;
  63. }
  64. .h5bold {
  65. font-weight: bold;
  66. font-size : 10pt;
  67. }
  68. .h5bialy {
  69. font-size : 10pt;
  70. color:#FFFFFF;
  71. }
  72. .h4 {
  73. font-size : 12pt;
  74. }
  75. .h4bialy {
  76. font-size : 12pt;
  77. color:#FFFFFF;
  78. }
  79. .h3 {
  80. font-size : 14pt;
  81. }
  82. .h2 {
  83. font-size : 16pt;
  84. }
  85. .h1 {
  86. font-size : 18pt;
  87. }
  88. .boxblue {
  89. background-color:#1751FF;
  90. background-repeat: repeat-x;
  91. background-position: right top;
  92. }
  93. .boxbluerandom {
  94. background-image: url(gfx/belka_tytulowa_random.gif);
  95. background-repeat: no-repeat;
  96. background-position: right top;
  97. background-position: 0% 0%;
  98. }
  99. .bgdlaboxu {
  100. background-image: url(gfx/bg_moduly.gif);
  101. background-repeat: repeat-x;
  102. background-position: left bottom;
  103. }
  104. .boxredbezlinii {
  105. background-image: url(gfx/belka_gora_random_bezlinii.gif);
  106. background-repeat: no-repeat;
  107. background-position: right bottom;
  108. }
  109. .formpole {background-color:#ffffff;
  110. border-bottom:solid 1px;
  111. border-color:#000000;
  112. border-left:solid 1px;
  113. border-color:#000000;
  114. border-right:solid 1px;
  115. border-color:#000000;
  116. border-top:solid 1px;
  117. border-color:#000000;
  118. cursor:text;
  119. font-size: 8pt;
  120. }
  121. .button {background-color:#CCCCCC;
  122. border-bottom:solid 1px;
  123. border-color:#000000;
  124. border-left:solid 1px;
  125. border-color:#000000;
  126. border-right:solid 1px;
  127. border-color:#000000;
  128. border-top:solid 1px;
  129. border-color:#000000;
  130. color:#000000;
  131. cursor:hand;
  132. font-size: 8pt;
  133. font-weight: bold;
  134. }


Dla mnie wszystko jest niby ok... no i dodam, ze kod php raczej nie moze formatowac, bo komorka z wklejonym kodem wyswietla sie ok, a tylko komorka lewa (lub prawa) sie zwerza :-(
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.