Få IE til at se flot ud

Tags:    html css

<< < 12 > >>
Lege lidt med en side (bare for sjov), men jeg har lidt problemer med at få siden til at se flot ud i IE. Måske skyldes det noget doctype eller?

http://www.shafh.dk/logen/

Er der nogen der kan se fejlen?



17 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Du har jo slet ikke nogen doctype på, det giver normalt nogle browsere svært ved at forstå hvordan den skal læse siden korrekt. Meta tags sættes almindeligvis inde i head
F.eks sådan her:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>New document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>



</body>
</html>



Det du har der er ikke en doctype... men en tegnsætsbeskrivelse.
Doctype beskriver hvilken HTML version der bruges, om den er i strict mode eller "gøgler"-mode.. :)
Du skal som minimum udvikle efter HTML4.1 doctype, men stile efter at ramme XHTML1.1 eller 1.0 strict.
Det layout du har der, kan uden problemer konverteres til en korrekt doctype.



Du bliver nødt til at opdatere dine kodevaner til en nyere standard. Det duer desværre ikke at forblive ved en forældet standard fordi man ikke har grejet den nyere. Jo, det første stykke tid gør det vel, men det går ikke for bestandig.

Det du bør gøre er at følge Yodas råd: "You must unlearn what you have learned". ;)

Først og fremmest: amputér de tables. De hører stenalderen til.
Dernæst: Sæt en html 4.01 transitional eller xhtml 1.0 strict(hvis du *virkelig* vil lære noget nyt og vil sikres bedre kompatibilitet med fremtidens browsere) på som doctype, og arbejd med de grafiske fejl der kommer, en ad gangen. Hvad angår valideringen, jamen så er der jo ikke andet for end at tage den første valideringsfejl, rette den, og validere igen, osv. indtil der ikke er flere tilbage.





Ehm... Jeg vil sku mere end gerne tilpasse min kode doctypen. Men hvad fanden skaljeg ændre?


Øh, har du fundet fejlen?
For jeg synes faktisk ikke jeg umiddelbart kan se, at det ser forkert ud i IE7.

Men det er rigtigt som GNU påpeger.
Du er nok ikke så heldig, at din eventuelle fejl vil ændre sig blot ved at lave doctype.

Min erfaring er, at man fra start af i sin styling af sitet skal tjekke-og dobbeltjekke det i både IE og FF.
Således opdager man hutigt, hvilke bugs der er fx. i IE, og hvis det fx. drejer sig om en border, der kolapser i IE og ikke iFF, så er det bare ind i CSS-koden og definere borderen endnu mere præcist, eller plusse lidt tal hist og her eller minusse...

Så som GNU siger: kom igang. the is only the hard way or the high-way...

Ville gerne hjælpe, hvis jeg kunne, men som sagt, jeg kan ikke registrere, at noget er galt...



Hvordan kan det være, du benytter HTML 3.2, og ikke 4.1?



Ved det. Men benytter jeg mig af nogen 4.1 doctypes, så ser det virkelig underligt ud. Har prøvet at bruge W3 validator uden et særlig godt resultat.



Indlæg senest redigeret d. 14.01.2008 22:04 af Bruger #5097
Jamen Per det er da ikke rigtigt. Jeg har et doctype. På min sider står der:

<? session_start(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<html>
<head>
...

Så det erder. Btw. Hvis jeg bruger din doctype går det helt galt



Shit ja :P. Har kommet til at ændre det til en meta tag. Har leget med så meget.

Men har fundet denne doctype som var den eneste jeg har kunnet finde som gør at siden ser pæn ud i FF. Men den er stadig grim i IE:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

Fundet på
http://www.html.dk/artikler/00036/



I Opera ser den ud på samme måde som i IE 7
De hvide streger i siderne af box 2 er i venstre side der 2 gange, mens den i højre side er rykket lidt ind.
Det løser ikke problemet at sætte en doctype til frameset på



Vi prøver lige igen:

Det er ikke(!) din doctype der definerer om din side er grim eller ej. Det er din dovenskab der gør det.
Så se at få defineret en doctype og kom i gang med at rette din kode til. :)



<< < 12 > >>
t