verschillende uitlijning in IE t.o.v. FF en Chrome, hoe op te lossen?

  • bartcrum

    (@bartcrum)


    14 jaren, 7 maanden geleden

    Hallo!

    Ik ben nu een website aan het maken waarbij ik gebruik maak van wordpress en het thema EmptyCanvas. Bijna alles werkt perfect en ik maak veel gebruik van plugins om extra functies toe te voegen. Ook heb ik, mbv de wordpress codex, een eigen archief pagina proberen te maken. Dit is tamelijk goed gelukt, althans ik ben er zelf tevreden mee, totdat ik ontdekte dat de pagina niet goed wordt weergegeven in Internet Explorer (IE). Zelf maak ik gebruik van Chrome en daarin wordt het uitstekend weergegeven, zo ook in Firefox (FF) ontdekte ik later.
    Het probleem is als volgt, het thema wordt gecentreerd uitgelijnd. Echter, de archief pagina wordt in IE geheel links uitgelijnd! Ik heb de CSS er echt 3x op na gelopen, ook met behulp van de browsers’ developer tools om het per element te bekijken, maar ik kan het probleem niet vinden. Vandaar graag jullie hulp! Ik denk dat het probleem snel duidelijk is als jullie naar mijn website gaan en dan via het menu naar de pagina ‘archief’ in Chrome en daarna in IE. Het uitlijningsprobleem valt direct op. Hopelijk kunnen jullie het probleem vinden! Ik hoor het graag.

    De website waarover dit gaat is http://www.watzeggenzenoueigenlijk.nl. Alvast bedankt.

    Mvg

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Mathieu Scholtes

    (@ontwerpexpert)

    14 jaren, 7 maanden geleden

    Voor IE6 voeg ik altijd de volgende codering toe:

    * { margin: 0px; padding: 0px; }

    body { text-align: center; } /* Dit zet de wrapper in het midden! */

    Funkphenomenon

    (@funkphenomenon)

    14 jaren, 7 maanden geleden

    De opmerkingen van Ontwerpexpert lossen ten eerste het probleem niet op en ten tweede is het advies dat ik niet zou aanraden op te volgen. Met de eerste regel zet je ook in andere browsers alle marges op alle elementen op nul, zonder te weten wat je doet. De tweede regel werkt alleen onder IE lager dan 6.

    Het probleem met de archiefpagina is dat er in de code boven het doctype het volgende wordt getoond:

    <!--

Adjust this part to your theme
BEGIN

-->

    Zodra er in de uiteindelijke HTML boven een doctype iets komt te staan, dan zal de browser in quirksmode schieten en de pagina niet meer volgens webstandaarden weergeven. Ik zou in het archieftemplate dus die regels boven het doctype verwijderen.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘verschillende uitlijning in IE t.o.v. FF en Chrome, hoe op te lossen?’ is gesloten voor nieuwe reacties.