[HTML] Dziwne zachowanie tabeli

[one_eddie]

Zrobilem tabele glowna podzielilem ja na 3 kolumny. Potem do kazdej kolumny wstawilem kolejna tabelke ktorej wysokosc i szerokosc jest ustawiona na 100%. Ale okazuje sie ze po taki mzabiegu wyswietlane jest cos innego od tego czego mozna by oczekiwac.

Oto obrazek jak by ktos nei wiedzial o czy mowie:


Wrzucam jeszcze kodzik zeby nie bylo ze cos pokrecilem.

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>
<div align="center">
  <table width="755"  border="1" cellspacing="0" cellpadding="0">
    <tr>
      <td width="163"> </td>
      <td width="390"> </td>
      <td width="194"> </td>
    </tr>
    <tr>
      <td height="264"><table width="100%" height="100%"  border="1" cellpadding="0" cellspacing="0">
        <tr>
          <td height="26"> </td>
        </tr>
        <tr>
          <td> </td>
        </tr>
        <tr>
          <td height="29"> </td>
        </tr>
        <tr>
          <td> </td>
        </tr>
      </table></td>
      <td><table width="100%" height="100%"  border="1" cellpadding="0" cellspacing="0">
        <tr>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
        </tr>
        <tr>
          <td height="123"> </td>
        </tr>
      </table></td>
      <td><table width="100%" height="100%"  border="1" cellpadding="0" cellspacing="0">
        <tr>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
        </tr>
        <tr>
          <td height="131"> </td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
      <td> </td>
    </tr>
  </table>
</div>
</body>
</html>

Czy ktos mi powie dlaczego tak sie dzieje.

[Dreen]

hmmm a moglbys jeszcze przynajmniej narysowac jaki efekt chciales uzyskac? bo ja w tym nie widze nic dziwnego

[one_eddie]

Chcialem aby wszystkie 3 zagniezdzone tabele byly dopasowane do swoich cell-ow. Czyli pozostale 2 maja wtgladac tak jak ta po lewej

<edit>
A moze moj blad to ustawianie procentowe. Czy jesli ustawie to na sztywno napisze np 300px bedzie ok ale wtedy bede musial kontrolowac wszystkie tabelki. Tzn jak jedna sie powiekszy bede musial zmieniac wartosci innych a tak sam "HTML" sie o to martwi.
</edit>

[Dreen]

hmmm mimo wszystko prosilbym cie o rysunek pozadanego efektu ale nawet nasuwaja mi sie dwa rozwiazania:

1) probowales uzywac rowspan i colspan tworzac to wszystko w jednej tabeli? widze ze tu tego nie uzyles a tak mi sie wydaje ze moze by dzialalo

2) a moze sprobuj zrobic sobie pozadana tabelke pod jakims WYSIWYG'iem i pozniej przestudiowac dokladnie wygenerowany kod?

[one_eddie]

hmmm mimo wszystko prosilbym cie o rysunek pozadanego efektu ale nawet nasuwaja mi sie dwa rozwiazania:

Rysunku nie mam bo nie moge tego uzyskac, moge spreparowac, tylko czy jest to konieczne. Mysle ze opisalem to dosc prosto.

1) probowales uzywac rowspan i colspan tworzac to wszystko w jednej tabeli? widze ze tu tego nie uzyles a tak mi sie wydaje ze moze by dzialalo

Jasne tylko ze jesli zrobie to wszystko w 1 tabeli, to jesli przesune cos w np w lewej kolumnie, to w prawej tez sie przesowa (poziome linie sie pokrywaja). Jak by co zazuce kodem zeby wytlumaczyc.

2) a moze sprobuj zrobic sobie pozadana tabelke pod jakims WYSIWYG'iem i pozniej przestudiowac dokladnie wygenerowany kod?

Kodzik ktory podalem robilem tak jak mowisz. A dokladnie w Dreamweave-rze :]

<edit>
Jak by ktos mogl zarzucic kodem ktory rozwiazuje moj probelem z gory dzieki
</edit>

[Dreen]

rozumiem

ale nie sadze by wysokosc poszczegolnych komorek mogla byc jakos zachowana - szczegolnie jesli sa dynamiczne - nie maja bowiem one wiekszego zwiazku bo sa w osobnych tabelach, a co za tym idzie zachowuja sie zupelnie odrebnie. tak mi sie wydaje. nie widze rozwiazania dla problemu ale mimo wszystko jakbys byl tak mily i spreparowal obrazek docenilbym to

[one_eddie]

Nie wiem czy dobrze zrozumialem to co napisales mogl bys to jakos inaczej wytlumaczyc.

A too obrazek, w kazdej kolumnie wstawiona odrebna tabelka, ktora przylega idealnie do swojej komurki (do ktorej zostala wstawiona)-a.



Tego wlasnie nie moge uzyskac dzieki ustawieniu wstawioej tabeli na 100%

[KaRoL]

Może chodzi Ci o ''top''? Nie do końca zrozumiałem

[one_eddie]

Może chodzi Ci o ''top''? Nie do końca zrozumiałem

Jesli masz na mysli atrybut valugn=top to nie chodzi mi o to.
CHcem zeby zagniezdzone tabelki calkowicie poasowaly do komorki do ktorej zostaly wstawione ...uff juz nie mam sily tyle razy o tym pisze brak mi slow

[KaRoL]

A nie możesz normalnie określić im wysokości w pikselach?

[Dreen]

ja wymyslilem cos takiego:

ustawiasz wysokosc zagniezdzonych tabeli w pikselach a poszczegolne komorki wazysz w procentach tak zeby wysokosc sie nie zmieniala. klopot nie pojawi sie doputy, dopuki nie bedziesz chcial zmienic wysokosci samych tabeli. ponizej pokazuje ci kod, wstaw atrybuty height=xx% odpowiednio dla tych malych, zagniezdzonych komorek:

Kod: Zaznacz cały

  <table width="755"  border="1" cellspacing="0" cellpadding="0"> 
    <tr> 
      <td width="163"> </td> 
      <td width="390"> </td> 
      <td width="194"> </td> 
    </tr> 
    <tr> 
      <td><table width="100%" height=200 border="1" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
      </table></td> 
      <td><table width="100%" height=200 border="1" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
      </table></td> 
      <td><table width="100%" height=200 border="1" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
        <tr> 
          <td> </td> 
        </tr> 
      </table></td> 
    </tr> 
    <tr> 
      <td> </td> 
      <td> </td> 
      <td> </td> 
    </tr> 
  </table> 

[Hygin]

Teorytycznie to powinno działać:

Kod: Zaznacz cały

<div align="center">
<table width="755"  border="1" cellspacing="0" cellpadding="0">

<tr>
<td width="163"> </td>
<td width="390"> </td>
<td width="194"> </td>
</tr>

<tr>

<td height="100%"><table height="100%"  border="1" cellpadding="0" cellspacing="0">
<tr><td height="26"> </td></tr>
<tr><td> </td></tr>
<tr><td height="29"> </td></tr>
<tr><td> </td></tr>
</table></td>

<td height="100%"><table height="100%"  border="1" cellpadding="0" cellspacing="0">
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td height="123"> </td></tr>
</table></td>

<td height="100%"><table height="100%"  border="1" cellpadding="0" cellspacing="0">
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td height="131"> </td></tr>
</table></td>

</tr>

<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>

</table>
</div>

Jeśli nie działa, zastosuj klasy css.

[one_eddie]

Co masz na myusli mowieac CSS, mzoe jakis przyklad bo nie rozumiem.

[Dreen]

prawdopodobnie chodzi mu o okreslanie parametrow width i height w css ale wedlug mnie lepiej jest to zostawic w html - mniej pisania i jak cos to mozna szybko sprawdzic nie busszujac po nazwach klas