Dit is dus de nieuwe versie, bij mij draait hij in Opera en Firefox 2 nagenoeg goed, maar in IE6 gaat het helemaal mis. Alles staat door elkaar. Nu vraag ik me af, is deze layout gewoon niet haalbaar om crossbrowser te maken (hooguit voor de CSS expert) of doe ik grondig iets mis qua basing?
Ik weet dat deze basign nog niet xhtml valid zijn, dit zijn nog wat schoonheidsfoutjes die bij de afwerking gefixed worden, mijns inziens hebben die geen invloed op de fouten in IE.
Ik denk dat je misschien te laat in IE6 bent gaan kijken. Er gaat nu wel erg veel mis helaas. Sowieso eerst alle errors er uit gaan halen, want je pagina valideert niet.
In een geval als dit werk ik meestal van boven naar beneden. Eerst zorgen dat je header goed oogt in IE6, dan 1 voor 1 alle elementen op de goeie plek zetten.
Tot slot een algemene tip: je hebt een aantal divs een float en een margin gegeven. Dat gaat fout in IE6. Hij verdubbelt de margin van gefloate elementen (vraag me niet waarom). De oplossing is gelukkig vrij simpel: geef de gefloate divs die een margin hebben een display: inline, dan is die bug in ieder geval opgelost.
@Jan: Klopt ik realiseer me dat ik telkens had moeten blijven vergelijken. Ik ga eerst de errors eruit halen (had ik al in mijn beginpost gezet) en maak dan een tijdelijke versie al dan niet met hacks. Ik zal die display:inline ook even proberen. Maargoed deze site is voor mezelf dus een hack is niet zo'n probleem.
De gebruiker bij de tijd laten worden is leuk, maar als jou pagina er niet uit ziet er de gebruiker niet weet dat dit door het gebruik van een verkeerde browser komt sla je mooi een flater. Lekkere webdevelopper dan...
jpg's kan je niet transparant opslaan naar mijn idee. Gif, en png zijn afbeeldingen die dat wel kunnen.
Verder aan ArendJan: Wanneer je je layout niet goed krijgt wen je dan aan eerst te kijken of hij valid is. Is hij dat, dan is het tijd om om brand te gaan roepen. Voor die tijd ben jij fout en niet de browser ;)
