[CSS] Fieldset in Mozilla troubles

[X-Lars]

http://webpro.nl/got/fieldset.html

Dat ziet er wel goed uit in IE, maar in Mozilla (Firefox) is het crap?!

Hetzelfde, met als enige verschil de <fieldset>-tags eruit:

http://webpro.nl/got/non_fieldset.html

IE doet gewoon hetzelfde. Mozilla gaat nu al stukken beter. Qua semantiek zou de fieldset er gewoon in moeten zitten. Maar ook zonder doet Mozilla nog vreemd vind ik (positionering button, rechter lijstje float niet goed). Kan iemand mij uitleggen waar dit aan ligt? Aan de w3c specs heb ik ook niet zoveel. Ik heb al vanalles geprobeerd met positions, displays, floats en clears.

De stylesheet staat hier: http://webpro.nl/got/fieldset.css.

Edit: crap, verkeerde forum. Zou een modje het misschien willen verplaatsen naar [WG]?

[ Voor 8% gewijzigd door X-Lars op 20-03-2004 15:20 ]

[moto-moi]

Tikje naar Webdesign & Graphics

[Verwijderd]

En nu twee test cases met een DOCTYPE of een correct content-type voor XHTML aub.

edit:
Anne had gehoopt op een quirks/standard verschil, welke er niet blijkt te zijn, helaas.

[ Voor 39% gewijzigd door Verwijderd op 20-03-2004 20:19 ]

[X-Lars]

offtopic:
tnx moto-moi

DOCTYPE gefixed. Foutje bij knippen en plakken uit origineel, excusez-moi.

[Clay]

zou iets als dit qua html niet meer in de buurt komen? (ff afgezien van js css probleem )

code:

<div>
    <h1>domeincheck</h1>
    
    <form>
        <fieldset>
            <legend>wel</legend>

            <input type="radio" /><label>item 1</label>
            <input type="radio" /><label>item 2</label>
        </fieldset>

        <fieldset>
            <legend>niet</legend>

            <input type="radio" /><label>item 1</label>
            <input type="radio" /><label>item 2</label>
        </fieldset>
    </form>
</div>

[edit]

met ongeveer deze css oid:

code:

div {
    width:400px;
}

h1 {
    border:solid black;
    border-width:1px 0;
    font-size:120%;
}

fieldset {
    width:180px;
    margin:2px;
    padding:2px;
    float:left;
}

input, label {
    display:block;
}

input {
    float:left;
    clear:left;
}

[ Voor 43% gewijzigd door Clay op 20-03-2004 19:31 ]

[X-Lars]

You're right, Clay.

Maar het wordt dynamisch gegenereerd (op volgorde). Maar er valt vast wel wat op te lossen met PHP, eerst items in arrays gooien en dan fieldsets genereren ofzo.

Blijft wel dat ik de rendering van Mozilla vreemd vindt. IE past hier IMO het float-principe veel beter toe.