Iframe bgcolor verschilt in ie en mozilla - Softwareontwikkeling

zaterdag 7 februari 2009 02:50

Acties:

0 Henk 'm!

Topicstarter

Goeiemorgen allemaal,

Ik ben bezig een site te bouwen voor iemand en ik loop tegen een probleem aan. Althans, het probleem doet zich alleen voor in Internet Explorer en niet in Mozilla.

Het gaat om de volgende site: www.inpactart.com

Ik heb een iframe gemaakt en die heb ik loc genoemd. Die staat midden in de pagina en dat is het gedeelte waar ik de content toon die je ziet als je één van de links bovenin het scherm aanklikt.

Als je een link aanklikt, b.v. meubelen dan wordt keurig in dat iframe een rij foto's getoond in verkleinde versie. Een grotere versie van de foto's kun je bekijken door op de betreffende foto te klikken, waarna de grote foto wordt getoond in het iframe.

De achtergrond van m'n website is zwart. Wanneer ik in Mozilla op een kleine foto klik om de grote versie te zien, dan wordt de grote foto keurig in het iframe getoond met een zwarte achtergrond (centreren lukt overigens niet). Tot zover gaat het goed.

Maar nu loop ik tegen een probleem. Doe ik dit met Internet Explorer dan wordt ook in IE de grote foto getoond in het iframe, maar eigenaardig genoeg is de zwarte achtergrond nu een witte achtergrond geworden.

Mijn vraag is hoe ik de foto kan tonen in het iframe met behoud van de zwarte achtergrond.

Hier de html code van het Iframe:

<tbody>

<tr>

</tr>

</tbody>

</table>

</div>

En zo link ik naar het iframe:

Dit is de inhoud van transparent.html

<html>

<head>

<title>Untitled Document</title>

<!--

body,td,th {

color: #F30;

}

body {

background-color: #000;

}

-->

</style></head>

<p align="center">Mijn naam is Rudolf Beekman geboren te Rotterdam.

Ik ben autodidact en ongeveer 15 jaar geleden begonnen met fotografie.

Ik trad daardoor binnen in de wereld van de kunst.

Vijf jaar geleden ben ik zelf begonnen met het maken van kunstwerken.</p>

<p align="center">Als materiaal koos ik hoofdzakelijk voor hout. Het liefst oud en onbewerkt .

Om meer reliëf aan het hout te geven brand ik het materiaal dat in combinatie

met een unieke beschildering mijn karakteristieke handelsmerk is.

Bent u geïnteresseerd in mijn werk? Klik dan op één van de links.</p>

</body>

</html>

zaterdag 7 februari 2009 03:00

Acties:

0 Henk 'm!

Verwijderd

Volgens mij moet je waarin de foto wordt weergeven (dus het iframe venster) dat je een zwarte achtergrond wilt. Zoiets simpels als:

code:

<style>
{ 
background-color: #00000; 
} 
</style>

Oid. Het lijkt me vrij eenvoudig dat er hier iets niet klopt in de code, en dat IE er niet mee weet om te gaan. _{maar het kan ook heel laat zijn ...}

zaterdag 7 februari 2009 03:19

Acties:

0 Henk 'm!

vleppyniles

Topicstarter

Dat je nog op bent...

Bedankt voor het meedenken!

Ik had al zoiets staan in m'n body:

<!--

body {

background-image: url(background%201024x1024.jpg);

background-repeat: no-repeat;

background-color: #000000;

}

-->

</style></head>

Ook heb ik geprobeerd het iframe te voorzien van een achtergrondplaatje maar dat mocht ook niet baten.

Iemand een idee?

[ Voor 10% gewijzigd door vleppyniles op 07-02-2009 10:53 ]

zaterdag 7 februari 2009 12:50

Acties:

0 Henk 'm!

vleppyniles

Topicstarter

Opgelost. Op internet heb ik precies eenzelfde probleem gevonden.

De rede waardoor IE een witte achtergrond laat zien is omdat een plaatje geen pagina-structuur kent.

"IE requires that you change the background color on the page in the frame. Since its an image it has no page structure. You'll need to put the image into a webpage of its own."

Bron.

Ik heb het opgelost door het plaatje in een eigen pagina te zetten. De pagina-achtergrond op zwart gezet en vervolgens de pagina laten openen in m'n iframe.