Archief - Discussie: browser compatibiliteit vs valid code

Ik heb gisteren een globaal ontwerpje van een simpele site afgewerkt. Hierbij heb ik geen tables meer gebruikt, enkel div's die door CSS gepositioneerd zijn.
Mijn code is xhtml strict en css valid. In Opera, FireFox en IE 6 ziet alles er prima uit. In IE 5.0 daarintegen...

Ik vind al die standaarden zeer fijn, maar soms o zo frustrerend als een browser die nog veel gebruikt wordt, deze standaarden niet ondersteunt. Ik heb zelfs al een javascriptje moeten gebruiken om div's een andere grootte te geven in IE omdat die widths en paddings en borders anders berekent. Maar nu blijkt dat IE 5 gewoon bepaalde CSS code niet kent.

Wat is jullie standpunt over zo een zaken? Ik ben geneigd te denken "Het werkt op de meest recente versies van de meest gebruikte browsers, de mensen moeten dan maar upgraden naar de laatste versie"

Hangt af van het publiek.

Commerciële website met groot/divers publiek : 'fuck you' attitude is een grote no-no.

Trouwens, voor die IE5.0 bestaat een elegante css-hack, je hebt daar geen javascript voor nodig.

Google eens op 'box model hack', en je vindt de site van Tantek.

tja das idd een probleem,
Ik zet altij (mits een script) dat de user zijn browser moet updaten.

Wat je ook kan doen is een "light" versie maken van je site voor "niet-compatibele" browsers.

netlash zei:

Hangt af van het publiek.

Commerciële website met groot/divers publiek : 'fuck you' attitude is een grote no-no.

Trouwens, voor die IE5.0 bestaat een elegante css-hack, je hebt daar geen javascript voor nodig.

Google eens op 'box model hack', en je vindt de site van Tantek.

Klik om te vergroten...

De site die ik gemaakt heb is gericht op IT professionals, dus ik kan wel veronderstellen dat die de laatste versie van een browser hebben. Op zich is dat dus geen probleem, maar dat neemt niet weg dat ik het jammer vind van IE 5.0.

Ik heb een hele tijd terug geprobeerd die box model hack te gebruiken voor mijn probleem, maar ik kreeg het niet opgelost op die manier. Met een simpel java scriptje dat gewoon een klassa toewijst aan een div wanneer IE gevonden is, is het wel opgelost.

Het probleem met IE 5 is dat die browser gewoon het float attribuut in CSS niet kent.

Cakeman zei:

Het probleem met IE 5 is dat die browser gewoon het float attribuut in CSS niet kent.

Klik om te vergroten...

en dat is niet het enige waar IE5.0 moeite mee heeft

http://www.positioniseverything.net/explorer.html

kijk maar es op deze link, leuk lijstje met IE bugs

persoonlijk probeer ik steeds valid code te schrijven, en test de website zowiezo in de laatste versies van de meest gebruikte browsers (IE, FF en NS)

oudere versies test ik enkel als de opdrachtgever het expliciet vraagt.

Ik ben geneigd te denken "Het werkt op de meest recente versies van de meest gebruikte browsers, de mensen moeten dan maar upgraden naar de laatste versie"

Klik om te vergroten...

dat is ook zo min of meer mijn mening erover.

grtz

tiens ik gebruik floatsin IE,
je zet toch je position op absolute hoop ik?

BertG zei:

tiens ik gebruik floatsin IE,
je zet toch je position op absolute hoop ik?

Klik om te vergroten...

Yupyup. In IE 6 werkt alles ook. Het is enkel in IE 5.0 dat ik problemen heb.

Ik zal de site even tonen om wat uitleg te geven: http://users.pandora.be/cakeman/simplicity/

In IE 5.0 staan die drie boxes rechts onder de grote linker kader ipv rechts ernaast.

Ik blijf er bij. Heb ff je code en css bekeken - met een eenvoudige box model hack kan je dit oplossen, en de javascript/dubbele css verwijderen.

Hoe zorg ik dan voor een float-alternatief voor IE 5.0?