td height:auto/inheritance?

[Verwijderd]

Het volgende werkt hetzelfde in IE6, NS6, Opera 6 en kmeleon 0.6:

<table border="1" style="height:100%; width:100%;">
<tr>
<td>auto</td>
<td width="100px">100</td>
</tr>
</table>

de 1e col wordt de breedte van de hele tabel minus de breedte van de 2e col die op een vaste 100 pixels blijft.

maar als je dit doet met rows:

<table border="1" style="height:100%; width:100%;">
<tr>
<td>auto</td>
</tr>
<tr>
<td height="100px">100</td>
</tr>
</table>

dan werkt het alleen in IE, in ALLE andere browsers sized
de height van de 2e row gezellig mee met de table en is
dus geen 100 pixels. nou heb ik al allerhande css attributes
geprobeerd maar dat wordt gewoon genegeerd.

dit werkt ook niet:

<table border="1" style="height:100%; width:100%;">
<tr style="height:100%; width:100%;">
<td style="height:100%; width:100%;">
<iframe style="height:100%;width:100%;" src="test.html"></iframe>
</td>
</tr>
</table>

bij netscape/kmeleon wordt de hoogte van de iframe dan 0, opera doet dit dan weer wel goed. lijkt er toch op dat IE de enige browser is die inheritance goed geimplementeerd heeft, iets dat je tegenwoordig toch wel zou mogen verwachten...
weet iemand een andere manier om toch auto sized rows te krijgen? scrippie misschien?

[Verwijderd]

Op vrijdag 01 maart 2002 13:25 schreef betaai het volgende:


dit werkt ook niet:

<table border="1" style="height:100%; width:100%;">
<tr style="height:100%; width:100%;">
<td style="height:100%; width:100%;">
<iframe style="height:100%;width:100%;" src="test.html"></iframe>
</td>
</tr>
</table>

dit werkt prima bij mij (Moz 0.9.8) en IE 5.1 Mac

edit------

denk dat het een bug is, aangezien het in Mozilla dus wel goed gaat. (NS 6.2 is gebaseerd op Mozilla 0.9.4.1)

[crisp]

Dit

code:

table border="1" style="height:100%; width:100%;">
<tr>
<td>auto</td>
</tr>
<tr>
<td height="100px">100</td>
</tr>
</table>

Werkt ook goed onder Moz 0.9.7
Op zich verbaast het me niets dat er browsers zijn die het 'fout' doen, aangezien het height attribuut geen geldig attribuut is voor de <table> tag.
Daarbij kan ik voor elke browser wel een tabel bedenken die niet goed gesized wordt

[Verwijderd]

ok het werkt dus in meer browsers, alleen net die van mij weer niet... het is wel een irritant probleem omdat het je op deze manier wel moeilijk wordt gemaakt een site te ontwerpen die resolutie-onafhankelijk is. zit je weer aan een vaste grootte vast waardoor je erg beperkt wordt in je ontwerp.

[mulder]

Op vrijdag 01 maart 2002 13:54 schreef betaai het volgende:
zit je weer aan een vaste grootte vast waardoor je erg beperkt wordt in je ontwerp.

Juist niet toch, een niet-rekbaar-ontwerp is toch juist beter te ontwerpen, je hoef toch niet rekening met hogere en lagere reso's te houden?

[Verwijderd]

je moet wel rekening houden met mensen die op 800x600 draaien waardoor de breedte van je pagina beperkt wordt (tenzij je op horizontale scrollbars kickt ) terwijl een rekbaar ontwerp je hele schem kan vullen ongeacht de resolutie. er zijn al zo veel sites die hun content met een vaste grootte in het midden gecentreerd hebben (zie tweakers, gamers, fok, gamespot, fileplanet, somethingawful etc). dan is het wel leuk ook iets anders te kunnen doen.