Ik heb de game-site http://www.speelbord.nl omgezet naar een nieuwe layout. Alles is nu netjes, behalve de iframe met het spel in.

In zowel Opera als Firefox neemt het spel de volledige grootte in van de iframe. In Internet explorer verschijnt er echter geregeld een dikke witte rand onderaan het spel.

De hoogte of breedte veranderen helpt niet.

Voorbeeld:
http://www.speelbord.nl/gamepagina.php?id=685

Screenshot van IE:
http://bytelogic.be/files/iframe.jpg

Css file:
http://www.speelbord.nl/style.css

Iemand een idee hoe dit op te lossen is ?

Ikzelf werk nooit met Iframes ... Kan je het niet op een manier oplossen zonder Iframes? Bv door een include van een php-bestand?

Origineel gepost door Bram Lodens

Ikzelf werk nooit met Iframes ... Kan je het niet op een manier oplossen zonder Iframes? Bv door een include van een php-bestand?

Als het allemaal flash bestandjes waren had ik het anders opgelost ja, maar het kunnen ook html pagina's of andere bestandstypen zijn. Ik vrees dat het met iframes moet gebeuren.

Heb je al eens geprobeerd om de whitespace voor je iframe en erna weg te laten?

Code:

            <!-- Advertentie -->
            <div class="advertentie">
    <div style="border:1px solid black; width:225px;">
        <iframe 
            scrolling="no" 
            height="60" 
            width="225" 
            src="ads/?pos=1" 
            frameborder="0">
        </iframe>
    </div>
</div>            <!-- /Advertentie -->

wordt dan

Code:

            <!-- Advertentie -->
            <div class="advertentie">
    <div style="border:1px solid black; width:225px;"><iframe 
            scrolling="no" 
            height="60" 
            width="225" 
            src="ads/?pos=1" 
            frameborder="0"></iframe></div>
</div>            <!-- /Advertentie -->

Ik heb het ondertussen opgelost :

1) De rand van de iframe weg doen.
2) Een div rond de iframe zetten en daar de rand instellen.

Bedankt voor de hulp iig :-)