Webbsida strular i IE som vanligt - lösning?

Tråden skapades och har fått 4 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Alvesta
  • 2006-08-09 21:11

Hej!

Jag har gjort en väldigt enkel webbsida med Adobe Golive som fungerar utmärkt i alla webbläsare som följer standard (Safari, Firefox, Opera). Dock sabbar IE-skräpet sidan som vanligt när man ska koda något.

Kolla här: http://www.pixeleye.se/kvast/site2/

Sidan innehåller några lager med text i som visas och göms vid mousovers på en karta. I Internet Explorer hamnar de här lagren helt fel, de blir förkjutna både i höjd och sidled.

Någon som är lite vassare än mig på html/CSS/IE-hell här som kan tipsa mig om hur jag löser problemet? Skulle uppskattas enormt...

Ok, för det första så har sidan ingen doctype så webbläsaren vet inte vilken standard sidan är byggd för och tolkar då koden som den vill och för det andra så följer inte sidan standarden särskilt bra. Det är 35 fel när jag validerar den. http://validator.w3.org/check?uri=http%3A//www.pixeleye.se/kvast/site2/

Tipset är att antingen göra hela kartsidan med OnMouseOver-grejen i Flash för då fungerar den likadant överallt förutsatt att man har Flashplugin.
Eller att du dumpar GoLive och kodar sidan för hand istället i valfri editor, t ex BBEdit. Då har du full kontroll över koden och lär dig mer hur webbsidor ska byggas för att följa standarden och hur dem tolkas i olika webbläsare. Ett tips är att kolla här när du stöter på problem: http://www.w3schools.com
Håll dig borta från en massa krångliga javascript och för avancerad CSS (IE stödjer endast viss css och vissa grejer tolkar den på sitt eget sätt till skillnad från alla andra browsers som tolkar den som den ska.)

Good luck!

P.S: IE borde skrotas, den förstör hela den goda tanken med standarden.

  • Medlem
  • Alvesta
  • 2006-08-09 23:11
Ursprungligen av tobiwan:

Ok, för det första så har sidan ingen doctype så webbläsaren vet inte vilken standard sidan är byggd för och tolkar då koden som den vill och för det andra så följer inte sidan standarden särskilt bra. Det är 35 fel när jag validerar den. http://validator.w3.org/check?uri=http%3A//www.pixeleye.se/kvast/site2/

Tipset är att antingen göra hela kartsidan med OnMouseOver-grejen i Flash för då fungerar den likadant överallt förutsatt att man har Flashplugin.
Eller att du dumpar GoLive och kodar sidan för hand istället i valfri editor, t ex BBEdit. Då har du full kontroll över koden och lär dig mer hur webbsidor ska byggas för att följa standarden och hur dem tolkas i olika webbläsare. Ett tips är att kolla här när du stöter på problem: http://www.w3schools.com
Håll dig borta från en massa krångliga javascript och för avancerad CSS (IE stödjer endast viss css och vissa grejer tolkar den på sitt eget sätt till skillnad från alla andra browsers som tolkar den som den ska.)

Good luck!

P.S: IE borde skrotas, den förstör hela den goda tanken med standarden.

Hade gärna gjort detta om mitt fokus var webbutveckling. Nu är jag 3D-animatör så jag har inte riktigt tid med detta, utan vill bara att sidan ska fungera i IE trots frosseriet i ful-kod

Tack för länken till alla sidor med tutorials, verkar mycket bra. Ska se till att lära mig skriva validerad kod för hand en vacker dag.

Senast redigerat 2006-08-09 23:22

Prova att flytta upp </div> för <div class="Stdtext"> och sätt den efter .........produkter utvecklas.
Ta sedan bort line-height: 0; för .rubrik i kvast.css

  • Medlem
  • Alvesta
  • 2006-08-09 23:21
Ursprungligen av PrimaLittke:

Prova att flytta upp </div> för <div class="Stdtext"> och sätt den efter .........produkter utvecklas.
Ta sedan bort line-height: 0; för .rubrik i kvast.css

Nu funkar den perfekt! Tack så hjärtligt, du har räddat min kväll!

1
Bevaka tråden