Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] rozjeżdżanie się tabeli na stronie
Forum PHP.pl > Forum > Przedszkole
sauron9
27.09.2006, 19:32:39
Witam,
mam stronę zbudowaną w ten sposób:
[HTML] pobierz, plaintext 
  1. |--------|------------------------------|
  2. |--------|                              |
  3. |---2----|                   1          |
  4. |--------|                              |
  5. |        |                              |
  6. |   3    |                              |
  7. |--------|------------------------------|
[HTML] pobierz, plaintext

Jest to tabela podzielona w sposób przedstawiony powyżej. Pola oznaczone nr. 2 są to komórki tabeli robiące za menu i mają określoną wysokość i szerokość. Do komórki nr 1 includowane są plik podstron wybrane z menu, natomiast komórka nr. 3 ma określoną szerokość (taka jak menu), natomiast nie okreslałem jej wysokości.

Problem polega na tym, że jak includuję plik, którego zawartość przekracza wielkość komórki nr. 1, to zamiast komórka nr. 3 zwiększać swoją wysokość a menu pozostać niezmienione, to i komórki nr. 2 i komórka nr. 3 się rozciąga i psuje się wygląd całego menu. (problem ten występuje w IE, Firefox wyświetla poprawnie) Jak temu zaradzić?

dzięki za pomoc.
s_w_ir
27.09.2006, 21:56:17
Ustawić height dla 2(menu)? Tzn dla komórki 2 a nie pozycji menu.
sauron9
27.09.2006, 23:44:14
Rozmiary 2 są określone, co zresztą już napisałem.
s_w_ir
27.09.2006, 23:54:34
Cytat
Pola oznaczone nr. 2 są to komórki tabeli robiące za menu i mają określoną wysokość i szerokość.
Nie ma tu nic o tym że 2 jest określona. Wyizoluj kod layoutu wklej przykładową treść w 1 i coś zaradzimy, bo inaczej to będzie zgadywanie czy ustawiłeś to i tamto.
sauron9
28.09.2006, 11:12:22 
[HTML] pobierz, plaintext 
  1. <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  2.     <tr align="left" valign="top">
  3.     <td width="154" height="39" align="left" valign="middle"> </td>
  4.     <td width="646" rowspan="23">
  5.  
  6. <!-- TUTAJ INCLUDOWANE SA PODSTRONY -->
  7.  
  8. 	<div align="center"></div></td>
  9.   </tr>
  10.   <tr align="left" valign="top">
  11.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=historia">historia</a></td>
  12.   </tr>
  13.   <tr align="left" valign="top">
  14.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=kierunki">kierunki nauczania</a></td>
  15.   </tr>
  16.   <tr align="left" valign="top">
  17.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=statut">statut</a></td>
  18.   </tr>
  19.   <tr align="left" valign="top">
  20.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=wso">WSO</a></td>
  21.   </tr>
  22.   <tr align="left" valign="top">
  23.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=rekrutacja">rekrutacja</a></td>
  24.   </tr>
  25.   <tr align="left" valign="top">
  26.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=kadra">kadra</a></td>
  27.   </tr>
  28.   <tr align="left" valign="top">
  29.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=pracownie">pracownie</a></td>
  30.   </tr>
  31.   <tr align="left" valign="top">
  32.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=internat">internat</a></td>
  33.   </tr>
  34.   <tr align="left" valign="top">
  35.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=zajeciapraktyczne">zajęcia praktyczne</a></td>
  36.   </tr>
  37.   <tr align="left" valign="top">
  38.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=osiagniecia">osiągnięcia</a></td>
  39.   </tr>
  40.   <tr align="left" valign="top">
  41.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=kontakt">kontakt</a></td>
  42.   </tr>
  43.   <tr align="left" valign="top">
  44.     <td width="154" height="39" align="center" valign="middle"></td>
  45.   </tr>
  46.   <tr align="left" valign="top">
  47.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=media">media o nas</a> </td>
  48.   </tr>
  49.   <tr align="left" valign="top">
  50.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=zajeciapozalekcyjne">zajęcia pozalekcyjne</a></td>
  51.   </tr>
  52.   <tr align="left" valign="top">
  53.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=plan">plan lekcji</a></td>
  54.   </tr>
  55.   <tr align="left" valign="top">
  56.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=mlks">MLKS Rakowice</a></td>
  57.   </tr>
  58.   <tr align="left" valign="top">
  59.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=imprezy">imprezy szkolne</a></td>
  60.   </tr>
  61.   <tr align="left" valign="top">
  62.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=galeria">galeria zdjęć</a></td>
  63.   </tr>
  64.   <tr align="left" valign="top">
  65.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=film">film</a></td>
  66.   </tr>
  67.   <tr align="left" valign="top">
  68.     <td width="154" height="17" align="center" valign="middle"><a href="index.php?action=linki">linki</a></td>
  69.   </tr>
  70.   <tr align="left" valign="top">
  71.     <td width="154" height="10" align="center" valign="middle"> </td>
  72.   </tr>
  73.   <tr align="left" valign="top"> <!-- TO JEST TA KOMÓRKA NR 3 -->
  74.     <td width="154" align="center" valign="bottom"><p> </p></td>
  75.   </tr>
  76. </table>
[HTML] pobierz, plaintext
Amorph
28.09.2006, 11:26:57
Sproboj w komorce nr 3 height=100%
sauron9
28.09.2006, 11:30:30
Cytat(Amorph @ 28.09.2006, 12:26:57 ) *
Sproboj w komorce nr 3 height=100%


Próbowałem, niestety nic nie pomaga.
Amorph
28.09.2006, 11:42:16 
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<table border=1 width=800>
  3. 	<tr>
  4. 	<td width=100 valign=top>
  5. 		<table border=1 width=100>
  6. 			<tr>
  7. 			<td>
  8. 			d
  9. 			</td>
  10. 			</tr>
  11. 			<tr>
  12. 			<td>
  13. 			d
  14. 			</td>
  15. 			</tr>
  16. 			<tr>
  17. 			<td>
  18. 			d
  19. 			</td>
  20. 			</tr>
  21. 			<tr>
  22. 			<td>
  23. 			d
  24. 			</td>
  25. 			</tr>
  26. 			<tr>
  27. 			<td>
  28. 			d
  29. 			</td>
  30. 			</tr>
  31. 			<tr>
  32. 			<td>
  33. 			d
  34. 			</td>
  35. 			</tr>
  36. 		</table>
  37. 	</td>
  38. 	<td valign=top>
  39. 	d<br>
  40. 	d<br>
  41. 	d<br>
  42. 	d<br>
  43. 	d<br>
  44. 	d<br>
  45. 	d<br>
  46. 	d<br>
  47. 	d<br>
  48. 	d<br>
  49. 	d<br>
  50. 	d<br>
  51. 	d<br>
  52.  
  53. 	d<br>
  54. 	d<br>
  55. 	d<br>
  56. 	d<br>
  57. 	d<br>
  58. 	d<br>
  59. 	d<br>
  60.  
  61. 	d<br>
  62.  
  63.  
  64. 	</td>
  65. 	</tr>
  66. 	</table>
  67. </html>
[HTML] pobierz, plaintext

Sprawdz czy to bedzie ok i dostosuj do siebie smile.gif
sauron9
28.09.2006, 11:54:22
Nie pomyślałem o takim zagnieżdżeniu tabel. smile.gif Dziękuję.
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.