CSS Problemen IE

Status
Niet open voor verdere reacties.
M

michaelbeersnl

Gebruiker
Lid geworden
30 nov 2011
Berichten
57
Beste helpers,

Momenteel ben ik bezig met een website voor een klant.
Inmiddels ben ik al één week bezig met een bug die zich voordoet in IE 9 of lager maar ik krijg de bug(s) er niet uit.
Ikzelf dacht dat het aan de @import tag lag waardoor hij bepaalde dingen niet goed inlaad (heb ik vaker gehad) maar dit blijkt het niet te zijn. Dus momenteel ben ik een beetje ten einde raad, want ik vind het zelfs vreemd dat hij in IE < 10 niet eens de volgende code renderd.
Misschien heb ik iets over het hoofd gezien...

HTML: 
.container{ margin: auto; width:960px; }

Het gaat hier om de volgende website: http://geldpaleis.nl/Maneki

Omdat ik zelf geen IE 9, 8, 7, 6 meer heb gebruik ik de tool van http://netrenderer.com om dit te checken

Alvast bedankt,

Michael

Edit
Momenteel toont hij goed via de IE ontwikkelingstool op:

Browsermodus: IE10, Document modus: standaardinstellingen
Browsermodus: IE9, Document modus: Standaardinstellingen voor IE9
Browsermodus: IE8, Document modus: Sandaardinstellingen voor IE8

Hij toont het nog niet goed via Netrenderer

Edit 2
Het probleem schijnt opgelost te zijn door het toevoegen van de volgende code in de <head>

HTML: 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
Laatst bewerkt:
Hoi michael,
Woeps!!! :shocked: 160 html-fouten en 131 waarschuwingen, zegt de html-validator...
Nog een wonder dat er browsers zijn die er niet over struikelen!

Het begint voor IE al meteen bovenaan.
Daar staan vóórdat het <!doctype html> wordt aangegeven een aantal commentaarregels.
Maar als je vóór het Doctype iets zet, springen de IE's in de "quirksmode" (de fratsentoestand) en gaan een css-boxmodel hanteren dat stamt uit de tijd van IE5 > met alle gevolgen van dien.

In de commentaarregels staan verder streepjes ----- na elkaar: dat is ook verboden, behalve het begin <!-- en het eind --> mag er telkens maar 1 liggend streepje zijn, en niet meerdere naast elkaar.

Zet je het begin-commentaar wat naar beneden, en haal je de verboden streepjes weg (ook uit de andere commentaarregels op de pagina), dan doen de Internet Explorers het ook zonder de
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />.

Als je dan ook nog even in de css zet:
Code: 
#primary-nav > ul > li {
	background-color: transparent !important;
	}
... dan komt er in IE geen wit randje om de menu-plaatjes in de linkerkolom.



Dus alleen nog even de 31/2 wegwerken. ;)

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan