[OPGELOST] Gezocht:Handig programmatje of methode voor ...

[Evert B.]

Beste mensen,

Net wanneer ik tevreden begin te worden over mijn site omdat die functioneert en er op mijn laptop in alle browsers keurig uitziet ontdek ik dat ie er in een andere versie van IE, namelijk 7, er beroerd uit ziet. Vandaar dus dat ik hem ging valideren en ontdek ik een paar cruciale dingen, zoals een </div> te veel.

Mijn vraag is nu of er een programma of methode bestaat hoe ik dit makkelijk kan zien? Met Notepad+ gaat dat niet handig.

Jullie weten dit vast wel!

Thanks Evert

[mcDavid]

Dat is de w3 validator die je zelf al gebruikt hebt.

[deactivated010521]

----------

[mcDavid]

Ohja om in verschillende IE versies te testen kun je IEtester gebruiken: www.my-debugbar.com/wiki/IETester/HomePage

Van normale browsers kun je oude en nieuwe versies meestal gewoon naast elkaar installeren, maar de normale browsers zijn zo consistent dat het meestal nauwelijks nodig is om verschillende versies te testen...

[Rolf]

http://forum.cmsmadesimple.org/viewtopi ... 52&t=40556
http://forum.cmsmadesimple.org/viewtopi ... 52&t=37163

Grt. Rolf

[Evert B.]

Argh!

Bedank allemaal voor de tips. Ik weet nu dat het allemaal soepel verloopt in Firefox, Safari, Chrome en IE 8,9 en 10.
De jongere IE's echter niet! De template heb ik talloze keren bestudeerd, en ik heb één <div> foutje gevonden en opgelost, echter nog steeds hetzelfde probleem.
Hoe kan ik erachter komen wat er veranderd moet worden voor IE <8?

Ik heb IEtester. Multiple IE crasht steeds.

Grtjs Evert

[mcDavid]

Wilde gok: Je doctype staat niet op de eerste regel. Volgens mij gaat IE 7 dan in quirksmode. Zorg dat je doctype gewoon helemaal bovenin je template staat, zet eventuele smarty-tags gerust voorbij je doctype.

De manier om erachter te komen wat je "fout" doet is over het algemeen gewoon weten watvoor bugs je allemaal kunt verwachten in IE. ;(

[Evert B.]

@McDavid,

De doctype stond niet op de eerste regel, dus dat was een goede tip. Echter het probleem duurt nog voort.
Ik zie bovendien dat IE6 nog een veelgebruikte browser is. Bij de oude site gebruikt 16% nog steeds IE6.

Wie weet nog meer IE troubleshooting bugs?

Tnx Evert

[Jos]

Ik zie bovendien dat IE6 nog een veelgebruikte browser is. Bij de oude site gebruikt 16% nog steeds IE6.

Volgens mij laat iedere zichzelf respecterende website bouwer IE6 inmiddels wel links liggen en maakt zijn site liever volgens de geldende richtlijnen zonder specifieke browser hacks. Het kost simpelweg teveel tijd om daar nog veel moeite in te steken.

[deactivated010521]

Als je ie6 wilt ondersteunen zou ik de transparante.png bestanden zoveel mogelijk vervangen voor .gif files. Of kiezen voor belatedPNG: http://www.dillerdesign.com/experiment/DD_belatedPNG/

Ik heb niet alle browser problemen onder de loep genomen zie dat je in ie7 problemen hebt oa. de positionering van de "pageNavigation" en het "NewsSummary" element.

Door de "ie double margin bug" lopen deze elementen uit het stramien. Dit is op te lossen door "display: inline" toe te voegen aan de .css code.

Zie ook: http://www.positioniseverything.net/exp ... argin.html

Code: Select all

.NewsSummary {
  display: inline;
  float: left;
  border-bottom: 1px dashed #996633;
  margin: 0 0.5em 1em;
  padding: 0.5em 0.5em 1em;
}

.pageNavigation {
    display: inline;
    float: left;
    font-size: 11px;
    margin-right: 10px;
    padding-top: 95px;
    z-index: 999;
}

[Evert B.]

@arnoud:
Dat heeft de grootste problemen opgelost, bedankt voor die tip. Deze elementen kwamen uit Goran's template dus het verbaars me wel enigszins dat deze niet browser-vriendelijk waren.
Maar thanks, het is opgelost.

Ik heb het contentvlak nog 10px minder breed moeten maken om ervoor te zorgen dat het in IE 6 er ook redelijk uitzag.

In IE5 is alles wel functioneel maar staat de hele wrapper links :S.

Maar w3schools wordt IE6 nog maar door 1,2 % van de mensen gebruikt en IE5 staat er al niet eens meer bij.
Dus IE5 laat ik ook maar zitten.

Thanks menschen!

[Jos]

Heb je Netscape nog wel even gecheckt?