Positionering van inhoud in een <iframe> met en zonder margindeclaratie

De volgende browsers voegen geen margin uit zichzelf toe:

• Explorer 5.2.3 Mac
• Safari 1.2.3 Mac
• Opera 6.03 Mac

De volgende browsers voegen een margin toe boven en links. Indien er rechts en onder door de verschuiving een kleinere margin ontstaat, verkleinen deze browsers het plaatje zodat rechts, en onder dezelfde margin als links en boven wordt weergegeven:

• Netscape 7.02 Mac
• Firefox 1.06 Mac

Opera 8 Mac doet het weer anders, en centreert de inhoud van het iframe. Indien het plaatje net zo groot is als de iframe doet Opera 8 dat ook, en forceert geen margin.
(Opmerkelijk hier het verschil in rendering tussen versie 6.03 en versie 8).

Explorer 6 Windows forceert een margin boven en links, en doet verder niets met het plaatje, dus geen verkleining. Het plaatje kan gedeeltelijk uit het iframe worden gedrukt. Dit levert visueel het lelijkste resultaat op.

Opmerking: Niet uitgetest, maar de doctype declaratie (strict of transitional, en wel/niet quircksmode) kan wellicht verschillen uitmaken t.a.v. de resultaten hierboven. Is niet zo relevant, want de conclusie is toch dat men altijd margins moet declareren om een consistent gedrag in de browsers af te dwingen.

Consistent. Alle in de linkerkolom genoemde browsers plaatsen de afbeelding uiterst linksboven zonder margin.

Conclusie:

Bij pagina's, frames en iframes altijd 'marginwidth' en 'marginheight' definieren. De definitie van de margins kan ook binnen css gebeuren met 'margin'. Ook binnen css geldt dat het verstandig is om het attribuut margin expliciet te definieren, ook als 0 bedoeld wordt.