Basing, CSS experts
Ik heb het mezelf redelijk lastig gemaakt met mijn nieuwe layout voor mijn site, maar het gaat finaal mis in IE.
http://zegdatniet.nl/zegdatniet/
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.
Hopelijk kan iemand mij hierbij helpen.
In dit geval moet het volgens mij prima kunnen, zoals je had gepland..
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.
Bedankt voor de tips!
Vergeet ie 6, de gebruiker moet gewoon updaten! Verder maak je 2 versies voor je css, eentje voor Firefox/Opera en eentje voor IE 7.0.
Zo doe ik het altijd, en mocht het echt nodig kan je voor IE 6.0 ook nog een versie schrijven.
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 ;)
Het beste is om een website voor alle users/ bezoekers goed te laten zijn... Ook IE6, al is die verouderd..
Gewijzigd op 01/01/1970 01:00:00 door Robert Deiman
Crispijn schreef op 04.07.2008 09:44:
jpg's kan je niet transparant opslaan naar mijn idee. Gif, en png zijn afbeeldingen die dat wel kunnen.
Het JPG formaat ondersteunt inderdaad geen transparancy.
GIF ondersteund binaire transparancy, hetgeen wil zeggen dat 1 kleur transparant gemaakt kan worden.
PNG ondersteund eveneens binaire transparancy, maar ondersteund daarbij ook Alpha transparancy, hetgeen betekend dat elke afzonderlijke pixel een transparancy kan krijgen (van verschillende niveau's).
Wat betreft IE: die ondersteund de binaire transparancy van zowel GIF als PNG, maar niet de Alpha transparancy van PNG.
Gewijzigd op 01/01/1970 01:00:00 door KrissCross
@Crispijn: Het staat inderdaad heel dom om een prusite te tonen aan IE6 bezoekers dus....