Niels Skovmand wrote:
> Hej!
>
> Jeg var lige inde og hente IE5 og IE5.5 for nu skulle min side jo gerne
> køre ordentligt i alle browserne inden den bliver offentliggjort.
>
Disse 2 browsere er meget fejlbehæftet, så man skal grueligt meget igennem, hvis man ønsker at
de styler siden som nutidens browsere.
Nogle gange er det umuligt, da de simpelthen ikke understøtter en eller anden bestemt
CSS-feature. Her er det en sund indstilling, hvis du bare acceptere at det aldrig vil se 100%
ens ud på disse ældre versioner af IE. Men siden skal selvfølgelig stadig være tilgængelig for dem.
> Ærlig talt ville jeg ønske at det eneste krav man skulle opfylde var
> kompatibilitet med IE6, Opera 7 og Mozilla 1.5 - så ville verden godt
> nok se lysere ud!
> Men jeg kan se på min statistik at ca. 16% af de besøgende bruger IE5 -
> så jeg må jo hellere få problemet rettet.
Ofte skelner statistik programmer ikke imellem IE5.0 og IE5.5 og ligger dem begge under IE5.
Jeg _tror_ dog umiddelbart at flertallet har IE5.5.
Hvilket er heldigt da den er en tand bedre end sin forgænger.
>
> Nå, nu skal I bare høre.
>
> Min side bruger valideret XHTML 1.0 Strict og CSS2 og virker som den
> skal i Mozilla 1.5, Opera 7, IE 6.
> URL:
http://www.woodman.dk/ihstest
>
Ja, det ser godt ud
[snip problemer]
Jeg har taget mig den frihed at lave din side om. Håber at det er okay.
Grundpillen er HTML-koden så den kigger vi på først.
http://users.cybercity.dk/~dsl58854/testcenter/css/www_woodman_dk/index.html
(Din gamle HTML-kode uden CSS)
http://users.cybercity.dk/~dsl58854/testcenter/css/www_woodman_dk/index_old.html
Først og fremmest har jeg prøvet at opstille koden mere semantisk korrekt.
D.v.s. brugt p elementer i stedet for to br elementer, sat h1 element som titel og nogle andre
småting.
Dernæst har jeg prøvet at fjerne de mange præsentation elementer som f.eks. logo'ets mange
gif-filer. (Med CSS behøver vi ikke splitte billeder)
Jeg har også fjernet en del overflødige class'es.
Og nu til den stylet side
http://users.cybercity.dk/~dsl58854/testcenter/css/www_woodman_dk/index.html
Her har jeg brugt område styling og prøvet i CSS-filen at kommentere de ting jeg syntes der var
vigtige.
Generelt har jeg brugt em som enhed til width, margin og padding, med undtagelse af #head og
#menu ul, hvor der er brugt pixels pga. baggrundsbillederne.
Der er nogle få forskelle i layout'et fra browser til browser.
Det værste er IE5.0, som ikke kan sætte padding på menu'en. (Kan måske fikses med et specielt hack)
Dernæst fremtræder den hvide baggrundsfarve fra ul'en ikke imellem li'erne hos IE6.0 og IE5.5.
Jeg har lavet et udkommenteret alternativ i stylen, men jeg syntes det var bedre uden.
Så nu har du endnu et layout med nogle fejl
Jeg syntes dog at min løsning er noget bedre, men du må jo selvom om du vil bruge det
Hintzmann c",)