3 berichten aan het bekijken - 1 tot 3 (van in totaal 3)
  • Q:

    Bijdrager
    reposte

    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 :P .

    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:P !


    Bijdrager
    marcin

    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]


    Bijdrager
    reposte

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

    Dank voor je hulp, Marcin!

3 berichten aan het bekijken - 1 tot 3 (van in totaal 3)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.