Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Website werkt wel in IE maar niet in Firefox

dropkick
6 antwoorden
  • Ik heb eergisteren een nieuwe website gelanceerd, echter blijkt deze niet te functioneren in Firefox en andere browsers. In IE geen problemen. Ik heb de site in Dreamweaver gemaakt. Al heel veel gezocht op internet naar een mogelijke oplossing maar niet gevonden. Ook via Validator.w3.org/docs e.e.a. geprobeerd, maar tot nu toe geen succes.
    Is het mogelijk door een simpele aanpassing in het script van de templates om deze problemen uit te schakelen?

    Hier alvast een stuk script:
    <meta http-equiv="content-type" content="text/html"; htmlspecialcharacters()? utf8_encode();
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!– TemplateBeginEditable name="doctitle" –>
    <title>Untitled Document</title>
    <!– TemplateEndEditable –>
    <!– TemplateBeginEditable name="head" –>
    <!– TemplateEndEditable –>
    <link href="../css/oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!–
    #apDiv1 {
    position:absolute;
    width:575px;
    height:106px;
    z-index:1;
    top: -17px;
    left: -7px;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: underline;
    }
    a:active {
    text-decoration: none;
    }
    –>
    </style>
    </head>
  • je zou toch echt wat meer informatie moeten plaatsen (een link zou heel fijn zijn)
  • Ook zou het helpen als je zegt wat er niet werkt. Ik kan me namelijk niet voorstellen dat je een blanco pagina krijgt als bovenstaande code alles is.
  • @dropkick
    Hierbij de link: http://www.weldaseurope.com/TestBrowserIndex.html

    Ik heb er een testpagina van gemaakt om de rest van de website niet om zeep te helpen.
    De officiele website is: www.weldaseurope.com
  • @Ger

    De website wordt in andere browsers zoals Firefox niet goed weergegeven.
    De site staat links uitgelijnd op het scherm. Ook kan men dan niet op links klikken zoals emailadressen of andere koppelingen.
    Dit werkt allemaal wel in IE.
  • Er vallen me een paar dingen direct op, al vraag ik me af of dit het of dit de bron is van je problemen. Allereerst heb je in je stylesheet een paar keer een kleur verkeerd gedefinieerd. O.a bij de body:
    [code:1:a3bc91cc95]background-color: 000066;[/code:1:a3bc91cc95]
    Dat moet [b:a3bc91cc95]#000066[/b:a3bc91cc95] zijn. Dit komt een paar keer voor in je stylesheet, en dat zorgt ervoor dat je achtergrondkleur wit is ipv blauw. Dat zou er in de validator trouwens ook uit moeten komen.

    Ten tweede is er een tegenstrijdigheid in je encodig. Helemaal bovenaan staat:
    [code:1:a3bc91cc95]<?xml version="1.0" encoding="iso-8859-1"?>[/code:1:a3bc91cc95]
    En in je meta staat:
    [code:1:a3bc91cc95]<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />[/code:1:a3bc91cc95]
    Dat zou ik rechttrekken zodat het klopt. (ik weet zo even niet welke de juiste is).

    Wat in elk geval zorgt dat de boel niet gecentreerd staat in valide browsers is het volgende. In je body heb je staan
    [code:1:a3bc91cc95]text-align: center;[/code:1:a3bc91cc95]Oude versies van IE centreren dan [i:a3bc91cc95]alles[/i:a3bc91cc95], maar da's fout. Valide browsers, waaronder ook IE8 in dit geval, centreren alleen de tekst - zoals het hoort. Wat je moet doen is voor je container div dit opnemen:
    [code:1:a3bc91cc95]margin: 0 auto;[/code:1:a3bc91cc95]
    Daarmee centreer je boxen op een pagina.

    Probeer bovenstaande eens uit en kijk wat het resultaat is. Vast nog niet perfect, maar waarschijnlijk wel al wat beter. :)
    Haal ook de HTML en de CSS nog eens door de validator, misschien dat er nog meer rare dingen naar boven komen.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.