[HTML][CSS]rozjezdzajaca sie tabelka Opcje

[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:

[HTML] pobierz, plaintext 
<tr class="frames_okno">
<td class="frames_td_menu"></td>
<td class="frames_td_okno"></td>
</tr>
[HTML] pobierz, plaintext 

i css do tego

[HTML] pobierz, plaintext 
.frames_okno
	{
		width:100%;
		height:auto;
		border:solid black 0px;
		border-collapse:collapse;
		background-color:#CEF7C4;
	}
 
.frames_td_menu
	{
		width:20%;
		height:auto;
		border:solid black 0px;
		border-collapse:collapse;
		background-color:#CEF7C4;
	}
 
.frames_td_okno
	{
		width:80%;
		height:auto;
		border:solid black 0px;
		border-collapse:collapse;
		background-color:#CEF7C4;
	}
[HTML] pobierz, plaintext 

Jak to mozna dostosowac rowniez do pozostalych przegladarek?

[vokiel]

[CSS] pobierz, plaintext 
.frames_td_menu{
    float: left;
}
.frames_td_okno{
    float: left; // lub right
}
[CSS] pobierz, plaintext 

[Pilsener]

A gdzie zgubiłeś

[HTML] pobierz, plaintext 
<table></table>
[HTML] pobierz, plaintext 

? 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:

[HTML] pobierz, plaintext 
<table style="width:300px;" border="1">
  <tr style="text-align:center;">
    <td style="width:60%;">komórka a</td>
    <td style="width:40%;">komórka b</td>
  </tr>
</table>
[HTML] pobierz, plaintext 

- 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.