Layout in IE -> Slecht weergegeven
Ik heb een website, maar die wordt slecht weergegeven in Internet Explorer.
In Google Chrome heeft hij hem perfect weer, in firefox alleen de ronde hoeken (maar dat valt op te lossen).
Maar in Internet Explorer is er echt een zeer groot verschil.
Hier een afbeelding:
http://postimg.org/image/40sozn5hf/full/
Is er een mogelijkheid om dit snel op te lossen?
Misschien iets inladen met javascript?
Oftewel al de problemen opsporen, maar dat vraagt denk ik heel veel tijd.
Ook weet ik niet alle verschillen tussen internet Explorer en Google Chrome.
Alvast bedankt
Diov
Een belangrijk punt is dat je site qua syntax valideert volgens w3 validator. Een missende tag zou al roet in het eten kunnen gooien.
Tegenwoordig verschilt er niet veel meer tussen IE en Chrome/FF/Opera etc.
Microsoft heeft het licht gezien sinds IE8 ;-)
Gewijzigd op 02/07/2013 11:40:15 door - Ariën -
De css en html heb ik gedeeltelijk overgenomen van een website _ template, open source.
Hier de link naar het css bestand.
http://promohab.herobo.com/css/style_new.php
Het is een phpbestand omdat ik er later nog wat dynamische dingen in ga steken.
Als je in de broncode kijkt, dan zie je het wat beter 'geordend'.
http://validator.w3.org/check?uri=http%3A%2F%2Fpromohab.herobo.com%2Fcss%2Fstyle_new.php&charset=%28detect+automatically%29&doctype=Inline&group=0
Ik zal nu even alle errors proberen op te lossen, en de waarschuwingen ook.
Alvast bedankt voor de hulp. (Ik gebruik IE9)
Toevoeging op 02/07/2013 12:12:11:
-> Doctype toegevoegd. Nu ziet het er al wat beter uit!
Ik probeer het eigenlijk overal toe te passen, maar soms vergeet ik het.
Nu zag ik het toen ik in de broncode keek, en de <html> tag in het rood stond.
Nu,
Dit stukje css werkt nog niet in IE
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
#leftBar ul li {
background: url("../images/png/icon-left.png") no-repeat scroll left center, url("../images/png/green.jpg") repeat scroll left center transparent;
border: 1px solid #DCDCDC;
margin-left: 0;
margin-top: 8px;
padding: 10px 0 10px 10px;
width: 173px;
}
background: url("../images/png/icon-left.png") no-repeat scroll left center, url("../images/png/green.jpg") repeat scroll left center transparent;
border: 1px solid #DCDCDC;
margin-left: 0;
margin-top: 8px;
padding: 10px 0 10px 10px;
width: 173px;
}
De background doet het eigenlijk niet.
Komt dit omdat er 2 background zijn op 1?