css werkt niet naar behoren in IE

Status
Niet open voor verdere reacties.

globe

Verenigingslid
Lid geworden
18 mrt 2001
Berichten
3.584
Vraagje aan de kenners:

Ik heb een Wordpress website gemaakt met een verbouwd bestaande template:

www.aggyslifestyle.nl

Nu wordt in Firefox/Safari/Opera/Chrome het menu prima weergegeven.

IE maakt er echter iets anders van. Menu balk springt naar beneden.

Kan er iemand eens meekijken svp?

thnx,

Guido
 
In elk geval komt het springen doordat in IE niet alle menu items op één regel passen.
 
hmm.. idd, ik heb de marge negatief gezet en kennelijk werkt het nu wel. Raar dat IE dit anders interpreteert dan Firefox. Wellicht voegt IE er onbedoeld een paar pixels aan toe. Gereserveerde ruimte voor scrollbalk ofzo?

iig. heb ik de hele handel -15 pixels laten opschuiven en nu werkt het naar behoren.

thnx voor me op het spoor brengen.
 
Graag gedaan. Grappig dat ik je kon helpen, want programmeren is nooit mijn sterkste kant geweest. En dat is een understatement:)
Dat verschillende browsers zaken verschillend afhandelen is echter meer regel dan uitzondering. Blijkbaar houdt bijna geen enkele browser zich aan de regels.
Ik begrijp althans dat je een site op alle browsers moet testen om zeker te weten dat ze goed lopen.
Ik zie nu dat er tools zijn om cross browser testen uit te voeren. Die zijn er blijkbaar niet voor niets: https://www.google.nl/#q=cross+browser+testing
 
Je begint in je pagina met
Code:
[COLOR=#696969](lege regel)[/COLOR]
<!DOCTYPE html>
<html lang="nl-NL">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
Aanbevolen bij deze DocType is te beginnen met deze 4 regels en direct daarna de X-UA-Compatible regel.
Code:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
De regel X-UA-Compatible is voor IE (google even als je meer wilt weten)

Suc6 met de website.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan