Afbeelding laden in Firefox

Hallo allen,

Ten eerste wil ik jullie een gelukkig nieuwjaar wensen, maar daar open ik natuurlijk geen apart topic voor want daar zal vast al ergens een draadje over lopen :innocent: .

Het bropleem is het volgende: ik heb een sitetje (site met verkleinwoord, geen idee hoe je dat schrijft) gemaakt voor een vriend met aan de linkerkant een navigatiebalk bestaande uit een JPEG met een image map. Onder Opera, Safari en IE7 draait alles prima, maar als ik de pagina met Firefox bekijk verschijnt het plaatje helemaal niet.
Hebben jullie enig idee waar dit aan kan liggen? Alvast veel dank!

P.S. Dit is eigenlijk de eerste site die ik gemaakt heb, dus maak het vakjargon niet al te technisch :stuck_out_tongue: .

EDIT: Ik kom er net achter dat de site ook in Camino bagger draait. Firefox en Camino zijn toch beiden van Mozilla? Zou er dan in mijn code iets zitten wat niet wordt ondersteund door de browsers van Mozilla?

En het betreft overigens het volgende adres: http://hartmutpreyer.com/biographie/biographie.htm. Schrik niet, het is de bedoeling dat hij zo lelijk is :stuck_out_tongue: !

Ik heb snel even naar je code gekeken en ik denk dat het met z-index te maken heeft. Deze layout kan je op een betere manier tot stand laten brengen. Hier de code die je kan gebruiken: [code:1:436ad93970]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Je tietel van de website</title>
<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}

#left-side{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 200px; /Breedte van de div frame/
height: 100%;
overflow: hidden; /Uitgeschakelde scrollbar. Om deze weer aan te zetten kies enable/
background: navy;
color: white;
}

#maincontent{
position: fixed;
top: 0;
left: 200px;
right: 0;
bottom: 0;
overflow: auto;
background: #fff;
}

  • html body{ /IE6 hack/
    padding: 0 0 0 200px; /Zet waarde op (0 0 0 BreedteVanDeFrame)/
    }

  • html #maincontent{ /IE6 hack/
    height: 100%;
    width: 100%;
    }
    </style>
    </head>

<body>

<div id="left-side">
<div class="innertube">

<h1>Hier komt jou imagemap</h1>
<h3>Text text text</h3>
</div>
</div>

<div id="maincontent">

<h1>Hallo World</h1>
<p>Bla bla bla</p>
</div>
</div>
</body>
</html>[/code:1:436ad93970]

Wauw, ontzettend bedankt! Ik ga hem meteen uitproberen! EDIT: Alle veranderingen zijn doorgevoerd: http://www.hartmutpreyer.com

Dank voor je hulp, Marcin!