CSS + IE = Mardröm!

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 17:55

Houston, we have a problem...

Vänner! Jag har precis knackat ihop en (i mitt tycke) fin hemsida. Den är gjord helt i kod (CSS & HTML) med hjälp av Gedit och ett smidigt program som heter TextWrangler när jag har använt Macen. Den fungerar finfint i Firefox, Safari, Opera och till och med en obskyr webbläsare vid namn Camino. Men givetvis fungerar den INTE som den ska i Internet Explorer!!! (Har jag nämnt att jag avskyr Microsoft tidigare? Om inte: - Jag avskyr Microsoft!).

Nåväl, jag lyckades få IE att fatta lite av det som alla andra webbläsare fattar genom att tvinga in den i "quirks mode". Men mycket återstår. Framförallt har jag problem med att IE ignorerar margin: i vissa lägen (i synnerhet ett <p> element inuti en <div>). Jag kan givetvis inte ändra på värdena, för då ser det ju ut som sk*t i alla andra (bra!) browsers. Är det någon därute som kan ett bra hack för att få IE att förstå vad margin: betyder så vore jag tacksam. Resten borde jag kunna lösa med diverse "fula knep". Men i just det här fallet behöver jag hjälp.

Tack!

SK

PS. Jag avskyr Microsoft. DS.

Lars · Inlägg av **Lars** » 04 dec 2009, 18:20

Det snyggaste sätet är väl att göra någonting sådant här:

Kod: Markera allt

<head>
  <!--[if IE]>
  <link rel="stylesheet" type="text/css" href="ie.css" />
  <![endif]-->
</head>

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 18:29

Hmm... ja, du har en poäng där. Min förhoppning var att jag skulle slippa skriva om all CSS enkom för att IE är [sätt in valfritt kraftuttryck här], men i värsta fall är det väl den enda lösningen.

Stort tack för svar Lars!

eyerouge · Inlägg av **eyerouge** » 04 dec 2009, 18:41

Förr eller senare måste du dra en gräns för hur mycket tid och möda du ska lägga ner på att skriva CSS speciellt för en viss browser eller vissa versioner av den. Varje gång man gör det som webutvecklare lägger man ned totalt onödig tid samt gör allting mindre begripligt och städat.

Det är onödigt jobb såtillvida att "ingen" som nyttjar nätet regelbundet och kan något ö.h.t. om datorer kör IE till att börja med. IE kommer dessutom fortsätta tappa marknadsandelar en lång tid framöver, och lär troligtvis aldrig återhämta sig heller till sina forna glandsagar då det knappt fanns något alternativ att tillgå för normala människor.

Det är även onödigt på ett annat sätt: Varje ny hellspawn som föds av IE genererar nya problem att ta itu med. Hur många versioner av IE ska man behöva skriva fulehakks till? Ska du sträcka dig ändåa till 6? Eller räcker det med 7? Och vad gör du när 12:an kommer? Du märker själv att gränserna måste dras vare sig du vill eller ej.

Jag vet att du antagligen inte vill tappa användare av sidan du skriver, men, det är inget du egentligen behöver oroa dig över, även om något ser lite fel eller snett ut så kommer de ändå inte försvinna därifrån om innehållet är bra nog. Funktionellt är det sällan ett problem till att börja med.

Sedan finns där även en ideologisk fråga: MS struntar, som alltid annars, i världsstandarden. Att något fungerar i 90% av alla browsers men inte deras är inget ovanligt, det är snarare regel. Så är det för att MS gärna själva vill skapa egna standarder och att alla ska rätta sig efter dem istället för vice versa. Tyvärr finns det många hemsidor på nätet som tar fasta på detta och dumt nog är kodade just för IE, och som rent av inte ens fungerar i Firefox eller Opera eller annat. Varje gång det sker måste man fråga sig hur de som skrev sidan kunde vara så korkade att ge efter.

Det hela handlar bl.a. om man vill stödja en browser och ett företag som gång på gång går stick i stäv med vad alla andra lyckats samarbeta kring. Varför skulle man? Ju fler som struntar i att hakka CSS för att det ska funka i IE desto fler och fler skäl får ju MS att faktiskt rätta till problemen i IE. Det får de däremot inte om hela världen accepterar att IE har problemen och "rättar till" sin egen kod istället.

Själv testar jag inte ens sidor jag arbetar med i IE längre, helt enkelt för jag struntar i hur de ser ut där. Fungerar de i senaste Opera, Firefox och Safari m.m. och ser identiska ut överallt utom i IE, då vet jag att det med största sannolikhet inte är fel på det jag skrev utan förmodligen på IE. Jag ser det nästan som att göra de som använder IE och MS-skit rent allmänt en tjänst genom att skapa sådant som inte fungerar på deras system - för det hjälper dem felsöka sitt skit och att åtgärda det, om de mot förmodan är intresserade av att göra det d.v.s.

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 18:47

Eyerogue, jag håller med dig till 100%. Men, mitt problem är att den här sajten kommer att besökas av folk som inte har en aning om hur man byter webbläsare. Det är viktigt att den åtminstone fungerar för dem, även om inte allt renderas korrekt.

Det känns rent för jävligt att behöva lägga ner tid och arbete på att fixa något enkom för att Microsoft är arroganta arslen, men i det här läget måste jag, tyvärr. Tack för bra inlägg!

Lars · Inlägg av **Lars** » 04 dec 2009, 18:50

Du behöver ju inte skriva om allt. Om du först laddar standard.css och sedan ie.css används ju båda filerna. I ie.css behöver du bara lägga in det som skiljer sig åt.

För övrigt är jag beredd att hålla med eyerouge, strunta i IE. Men det är ju inte alltid man kan göra det tyvärr.

Kika på koden för forumet, vi har lagt in ett meddelande till alla som kör IE6 om att de bör uppgradera. På liknande sätt kan man ju be alla IE-användare att byta till någonting bättre.

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 20:13

Lars skrev: Kika på koden för forumet, vi har lagt in ett meddelande till alla som kör IE6 om att de bör uppgradera. På liknande sätt kan man ju be alla IE-användare att byta till någonting bättre.

Bra tips, ska titta på källkoden!

I mitt fall så visas inte ens sajten korrekt i Internet Explorer SJU!!! Jösses...

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 20:50

Nästa fråga; är det någon som har erfarenhet av Explorer i Wine? Jag måste ju kunna testköra eländet på något sätt, och tro mig... det finns ingen Windowsdator i min närhet!

Hund · Inlägg av **Hund** » 04 dec 2009, 20:56

Mitt tips: Håll dig till webbstandarden och skit i dom webbläsare som är dumma nog att inte följa den.

TicToc · Inlägg av **TicToc** » 04 dec 2009, 21:03

SlamsornasKung skrev:Nästa fråga; är det någon som har erfarenhet av Explorer i Wine? Jag måste ju kunna testköra eländet på något sätt, och tro mig... det finns ingen Windowsdator i min närhet!

Jag tänkte tipsa om en sida, men google vill inte att jag göra det. Om du törs kan du se adressen på följande sida.
http://www.google.com/safebrowsing/diag ... .br/&hl=sv

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 21:37

Hund skrev:Mitt tips: Håll dig till webbstandarden och skit i dom webbläsare som är dumma nog att inte följa den.

Tro mig, jag är väldigt sugen!

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 21:37

TicToc skrev:
SlamsornasKung skrev:Nästa fråga; är det någon som har erfarenhet av Explorer i Wine? Jag måste ju kunna testköra eländet på något sätt, och tro mig... det finns ingen Windowsdator i min närhet!
Jag tänkte tipsa om en sida, men google vill inte att jag göra det. Om du törs kan du se adressen på följande sida.
http://www.google.com/safebrowsing/diag ... .br/&hl=sv

Bara om du berättar vad den innehåller!!!

TicToc · Inlägg av **TicToc** » 04 dec 2009, 21:43

Det är ett hopkok av wine+ie.

Lars · Inlägg av **Lars** » 04 dec 2009, 21:49

WineHQ borde vara tillförlitliga, http://appdb.winehq.org/objectManager.p ... ion&iId=25

SlamsornasKung · Inlägg av **SlamsornasKung** » 04 dec 2009, 21:54

Du Lars, förresten, spelar det någon roll var i <head> man lägger in:

Kod: Markera allt

    <head>
      <!--[if IE]>
      <link rel="stylesheet" type="text/css" href="ie.css" />
      <![endif]-->
    </head>

Ska det vara före eller efter länken till min "riktiga" stilmall?

Lars · Inlägg av **Lars** » 04 dec 2009, 22:00

Det är nog bäst att lägga den efter din riktiga stilmall. Då kan du skriva över de vanliga inställningarna genom att definiera om dem i ie6.css.

dmz · Inlägg av **dmz** » 04 dec 2009, 22:52

SlamsornasKung skrev:Nästa fråga; är det någon som har erfarenhet av Explorer i Wine? Jag måste ju kunna testköra eländet på något sätt, och tro mig... det finns ingen Windowsdator i min närhet!

http://browsershots.org/

ennepop · Inlägg av **ennepop** » 07 dec 2009, 02:43

dmz skrev:

http://browsershots.org/

Tack för denna länk. Skojsig ju!

SlamsornasKung · Inlägg av **SlamsornasKung** » 08 dec 2009, 15:10

Ett stort tack, framförallt till Lars, för hjälpen. Ditt råd och sju timmars ”onödigt” arbete gjorde att sajten är okej i IE. Tack även alla andra som har svarat i den här tråden, utan er hjälp skulle jag vara hopplöst vilse i cyberdjungeln.

Edit - Ny liten fråga; är det någon av er som känner till en bra texteditor som ändrar å, ä & ö automatisk? Det är lite jobbigt att behöva skriva ä och så vidare hela tiden, dessutom är det lätt att glömma.

SK

dmz · Inlägg av **dmz** » 08 dec 2009, 15:36

SlamsornasKung skrev:liten fråga; är det någon av er som känner till en bra texteditor som ändrar å, ä & ö automatisk? Det är lite jobbigt att behöva skriva ä och så vidare hela tiden, dessutom är det lätt att glömma.

Hur menar du nu? Det är utf-8 du ska köra med.
Men för att svara på din fråga...

Kod: Markera allt

perl -pe 's/å/ä/g'

Ubuntu Sverige

CSS + IE = Mardröm!

CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!

Re: CSS + IE = Mardröm!