Webbrowsere... arg...

[unwill]

Nå er det ingen hemmelighet at forskjellige webbrowsere viser sidene forskjellig.

 

Jeg lagde en kjempeenkel side, 1 tabell, 2 rows med colspan.

 

Da jeg gjorde det slik at det så bra ut i Opera så det teit ut i IE6 (pga. noe image alignment). Da jeg rettet på det ble cellens størelse forandret i Opera, men ikke i IE...

 

Er det noen guide til hvordan man kan få ting til i begge browserne? Hvordan kan jeg rette på koden slik at iallefall disse to browsere blir fornøyde.

[mikk-]

Har ikke noe fasit på hvordan du kan få til ting i alle browsere, men noen småtips:

 

- Det kan være lurt å bruke bilder for å bestemme høyde og bredde på celler og liknende. Et 1x1px gjennomsiktig gif-bilde gjør ofte susen. Da er det bare å bestemme høyden i det, og cellen vil iallfall ikke bli MINDRE enn det.

 

- Ikke brukt height="x" i HTML. Bruk heller css eller bilde.

 

- Ikke bruk rare css-ting, som opacity og lyskraftighet på bilder.

[abcd423417984]

og sist men ikke minst, prøv å valider siden hos w3.org:

 

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/