iframe probleem in IE

[Verwijderd]

Ik heb op een website waar ik mee bezig ben een probleem met iframes.

Ik heb op de pagina 3 kleine iframes waar foto's in moeten worden weergegeven.
De iframes zijn 200x150 en de foto's die erin moeten zijn even groot.

In Chrome en firefox wordt het zo weergegeven als je zou denken, je ziet de foto's.

In internet explorer zie je boven en links een witte rand en valt een deel van het plaatje weg.
Hier kan je zien wat ik bedoel:
http://www.osdoi.com/sites/safari/index.html

De code voor de iframes:
<iframe id="foto1" allowtransparency="true" name"foto1" width="200" height="150" frameborder="0" scrolling="no" src="img/small/1.png" ></iframe>

Iemand een idee hoe dit aan te passen is??

[Osiris]

Misschien een heel brutale vraag in jouw oren hoor maar waarom iframes?

[redryder]

je kunt het beter het zo doen;
Xhtml:
<img src="img/small/1.png" alt="" id="plaatje" />

Css:
#plaatje{
width: 200px;
height: 150px;
overflow: hidden;
}

[Daan]

Komt ws. door de margin die standaard aan de body van pagina's wordt gegeven in IE. Omdat je direct een plaatje als source heeft kan je dat niet aanpassen. Als je een HTML pagina laadt met daarin het plaatje kan je de margin van de body op 0 zetten dan lukt het wel.

Maar beter is gewoon wat redryder doet.

[Barleone]

In dit geval toon je plaatjes in een iframe..

• In het geval je een professional bent, overdrijf je qua semantiek wel ietsje! (lees: verschrikkelijk!)
• In het geval je een amateur bent, moet je nog veel leren

Waarom niet gewoon:

HTML:

<div id="container2" style="width:250px;">
<div id="filler2">
<img width=200 src="1.png" style="padding:10px;">
<img width=200 src="1.png" style="padding:10px;">
<img width=200 src="1.png" style="padding:10px;">
</div>
</div>

Note: Ik laat even buiten beschouwing dat je styles zoveel mogelijk in een externe CSS moet doen! ook de width!
Note: En dan laat ik die #container2 en #filler2 even voor wat ze zijn. Dat je die zeer waarschijnlijk gewoon kan weglaten als je goed CSS gebruikt, moet je maar via zelfstudie leren.

[redryder]

<img width=200 src="1.png" style="padding:10px;">
<img width=200 src="1.png" style="padding:10px;">
<img width=200 src="1.png" style="padding:10px;">

vanwaar die 10px padding? als je de plaatjes van elkaar af wilt hebben kun je beter een 10px margin nemen.

[MrVegeta]

En nog beter is om is je CSS en HTML gescheiden te houden.

[Verwijderd]

Barleone schreef op zaterdag 18 september 2010 @ 22:25:
In het geval je een professional bent, overdrijf je qua semantiek wel ietsje! (lees: verschrikkelijk!)

Dit mag je van mij wel onderbouwen.

Ik zou zelf trouwens geen iframes gebruiken, die zijn in dit geval ook niet nodig.

[ Voor 14% gewijzigd door Verwijderd op 18-09-2010 22:37 ]

[Verwijderd]

Bedankt voor de tips, ik ga er zo even verder aan werken.
En ik ben inderdaad nog een behoorlijke beginner

Ik had iframes gebruikt omdat ik bij een klik op de menubalk wil dat in de 3 iframes 3 andere plaatjes worden geladen. Ik denk dat ik nu maar helemaal afzie van de iframes en alleen maar divs gebruik.

Bedankt iig.

[Verwijderd]

Daan, met jouw tip ging het in 1x goed. Thx!