Fieldsets op een rij met dezelfde hoogte

[Verwijderd]

Ik zit al een tijdje te rommelen met dit probleem :

Ik wil een aantal fieldsets op een rij, met elk dezelfde hoogte en breedte. Dat laatste lukt (zelfde breedte, zimple!) maar dezelfde hoogte lukt mij niet. De inhoud van de fieldsets verschilt per fieldset (content-hoogte).

Zie: http://snaptniet.geckow.net/misc/temp/fs_test.html

Heeft iemand enig idee hoe dit netjes kan, werkend in minimaal IE / FF (en gracefull degradation voor andere browsers)?

[djluc]

Geef eens een pixelwaarde aan de fieldsets-hoogte om te testen!

[Verwijderd]

Je bedoelt ipv

code:

 height: 100%;

dit:

code:

 height: 200px;

?

Dat werkt wel, dan zijn ze allen gelijk. Echter is het probleem juist dat ik die hoogtte niet weet (mede omdat er select en inputs in de fieldsets zitten, die op andere systemen weer andere dimensies hebben).

[JHS]

Je moet de parent zelf dan ook wel 100% maken, in plaats van die op te laten rekken naar gelang de inhoud, oftewel:

Cascading Stylesheet:

tr, td {
  height: 100%;
}

.

[Verwijderd]

JHS schreef op donderdag 09 maart 2006 @ 16:37:
Je moet de parent zelf dan ook wel 100% maken, in plaats van die op te laten rekken naar gelang de inhoud, oftewel:

Cascading Stylesheet:

tr, td {
  height: 100%
}

.

JHS: ik kan je wel zoenen

Gaar hoe je naar verloop van tijd naar de meest rare dingen zoekt, terwijl t zo simpel is

[Verwijderd]

Verwijderd schreef op donderdag 09 maart 2006 @ 16:40:
[...]
JHS: ik kan je wel zoenen

Hm, toch maar half: onder Firefox werkt het, IE wil er niets van maken.

Nog tips?

[JHS]

Table height meegeven: http://jaap.deviousness.c...e/css/fieldsetheight.html .

[Verwijderd]

Yep... nu is ie okay, hoewel de table-height niet altijd bekend is. Maar mooie workaround voor IE!

[Johnny]

Je hoeft die fieldsets niet in eens in een tabel te zetten, dit is al genoeg:

Cascading Stylesheet:

fieldset {
float:left;
width:150px;
height:150px;
}

[ Voor 9% gewijzigd door Johnny op 11-03-2006 21:35 ]