CSS i IE og FireFox - viser merkelige forskjeller

Degeim · 18. august 2006

Som tittelen sier, går dette på forskjellsbehandling av CSS i IE og FF. Ta en titt på siden: http://www.erlenddahl.moo.no i FF. Da ser du hvordan siden skal være.

Så åpner du den i IE. Da vil du legge merke til at bildene, overskriftene, og linkene i større grad blir kappet av på bunn og topp.

Jeg regner med dere kan finne HTML-koden og CSS-filen selv, men for å være mest mulig behjelpelig legger jeg link til CSS, og HTML i SKJUL-tag under:

http://psibasoft.awardspace.com/erlend/c/style.css

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Erlend Dahl sin portefølje</title>

</head>

<body>

<h1>Erlend Dahl</h1>

<h3>Portefølje</h3>

</div>

<h6>http://www.erlenddahl.moo.no</h6>

</div>

<br>

<h4><a href='b/glose.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=glose.jpg' alt='Bilete frå programmet'></a></h4> <h2>Gloseprøveprogram</h2>

<p>Dette programmet er utvikla etter ynskje frå engelsklæraren min. Det er ein enkel og ny måte å utføre gloseprøvar på, og fungerer ved at læraren via lærarprogrammet kan lage ein gloseprøve, som så vert sendt ut på serveren til programmet. Når elevane så startar elevprogrammet og loggar seg på, vert prøven lasta ned, og alle normale juksemetodar er avsperra. Når eleven er ferdig, vert prøven lasta opp igjen, og læraren får prøvane oversiktleg presentert sortert etter dato og klasse.<br><br>

</p>

<div class='beskjed'>Gloseprøveprogramma er midlertidig teke av nett grunna store oppdateringar.</div>

</div>

<br>

<h4><a href='b/natur.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=natur.jpg' alt='Bilete frå programmet'></a></h4> <h2>Lærespel</h2>

<p>Dette er eit spel der du blir bombardert av spørsmål innanfor valt emne. Emna kan endrast (og nye emne kan leggjast til) av personar med lærarkonto<br>Du speler spelet anten mot ein menneskeleg eller ein datastyrt motspelar, og poenget er å vere førstemann i mål. Dette kan du oppnå ved å svare rett på spørsmål, og dermed få ein fartsbonus, eller svekke motstandaren.<br><br>

<a target='_blank' href='php.php?ID=8-4'>Last ned spelet</a>

<a target='_blank' href='php.php?ID=8-5'>Last ned lærarprogrammet</a>

<a target='_blank' href='php.php?ID=8-6'>Opprett lærarkonto</a></p>

</div>

<br>

<h4><a href='b/oynytt.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=oynytt.jpg' alt='Bilete frå programmet'></a></h4> <h2>Nettavis</h2>

<p>I samband med norskprosjekt vart denne nettavisa skreve av mi gruppe, og designa av meg.<br><br>

<a target='_blank' href='php.php?ID=1-4'>Gå til nettavis</a></p>

</div>

<br>

<h4><a href='b/rettskriving.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=rettskriving.jpg' alt='Bilete frå programmet'></a></h4> <h2>Rettskriving</h2>

<p>Rettskrivingsprogrammet vart utvikla i samband med eit norskprosjekt der mi gruppe hadde om setningar. I programmet har du ulike former for rettskrivingsøvingar, og ein ordteljar. Lærarar har også moglegheit til å endre innhaldet.<br><br>

<a target='_blank' href='php.php?ID=7-4'>Last ned programmet</a>

<a target='_blank' href='php.php?ID=7-5'>Få hjelp til installasjon</a>

<a target='_blank' href='php.php?ID=7-6'>Last ned lærarprogrammet</a>

<a target='_blank' href='php.php?ID=7-7'>Opprett lærarkonto</a></p>

</div>

<br>

<h4><a href='b/degeim.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=degeim.jpg' alt='Bilete frå programmet'></a></h4> <h2>Degeim Flash</h2>

<p>Ei av dei første nettsidene eg laga, som også inneheld fleire av dei første programma eg programmerte. Du kan spele spel som er mindre underhaldande enn det meste du har sett, og du kan sjå små idiotiske filmsnuttar.<br><br>

<a target='_blank' href='php.php?ID=3-4'>Gå til nettside</a></p>

</div>

<br>

<h4><a href='b/andebyinfo.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=andebyinfo.jpg' alt='Bilete frå programmet'></a></h4> <h2>AndebyInfo</h2>

<p>Den første nettsida eg laga. Nettsida er veldig gamal, og presenterer mitt prosjekt om Andeby frå barneskulen.<br><br>

<a target='_blank' href='php.php?ID=4-4'>Gå til nettside</a>

<a target='_blank' href='php.php?ID=4-5'>Gå til gamal versjon av nettsida</a>

<a target='_blank' href='php.php?ID=4-6'>Gå til første versjon av nettsida</a></p>

</div>

<br>

<h4><a href='b/online.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=online.jpg' alt='Bilete frå programmet'></a></h4> <h2>pSibaSoft Online</h2>

<p>Dette er heimesida til pSibaSoft Notering, og er designa av meg. Den eldste av dei eg lenkjer til her, er designa av Ørjan Nygård Pettersen, men laga om til flash av meg. Denne presenterer også andre program utvikla av pSibaSoft.<br><br>

<a target='_blank' href='php.php?ID=6-4'>Gå til nettsida</a>

<a target='_blank' href='php.php?ID=6-5'>Eldre versjon av nettsida</a>

<a target='_blank' href='php.php?ID=6-6'>Eldste tilgjengelege versjon av nettsida</a></p>

</div>

<br>

<h4><a href='b/mail.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=mail.jpg' alt='Bilete frå programmet'></a></h4> <h2>It's Mailsjekkar</h2>

<p>It's Mailsjekkar er eit lite program som legg seg nede til høgre ved sida av klokka på datamaskina di, og alarmerer deg når du får mail i din It's Learning-mailkonto. Programmet vert starta ved oppstart av Windows, og sjekkar mailen din kvart andre minutt.<br><br>

<a target='_blank' href='php.php?ID=10-4'>Last ned programmet</a></p>

</div>

<br>

<h4><a href='b/teamkkn.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=teamkkn.jpg' alt='Bilete frå programmet'></a></h4> <h2>TeamKKN Forumovervakar</h2>

<p>TeamKKN Forumovervakar er eit program basert på same kjernen som It's Learning Mailsjekkar, men sjekkar foruma og meldingsboksen til TeamKKN. Nedlastinga er passordbeskytta sidan dette kun angår TeamKKN.<br><br>

<a target='_blank' href='php.php?ID=11-4'>Last ned programmet</a></p>

</div>

<br>

<h4><a href='b/notering.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=notering.jpg' alt='Bilete frå programmet'></a></h4> <h2>pSibaSoft Notering</h2>

<p>pSibaSoft Notering er eit program som er perfekt for deg som har behov for å skrive store eller små notat, stilar, brev, eller liknande - også med grafiske moglegheiter, og så ha rask tilgong til dei seinare. Du får også tilsvarande rask tilgong til dei fleste store søkemotorane og leksikona på nett, og ei rekkje andre nyttige funksjonar.<br><br>

<a target='_blank' href='php.php?ID=5-4'>Sjå fleire skjermskot</a>

<a target='_blank' href='php.php?ID=5-5'>Gå til nettsida for nedlasting av pSibaSoft Notering</a></p>

</div>

<br>

<h4><a href='b/asianamerican.jpg' target='_blank'><img class='floatright' src='b/lbilete.php?b=asianamerican.jpg' alt='Bilete frå programmet'></a></h4> <h2>Asian immigrants to america</h2>

<p>I samband med engelskprosjekt om innvandring frå Asia til Amerika vart denne informasjonssida skreve av mi gruppe, og designa av meg. Sida er på engelsk.<br><br>

<a target='_blank' href='php.php?ID=2-4'>Gå til nettside</a></p>

</div>

Eksekveringstid: 0s 26ms

</div>

<a href='http://psibasoft.dataslurf.net/kontakt.php'>Kontakt</a>

</div>

<a href='statistikk.php' target='_blank'>Statistikk</a>

</div>

<a href='konfidensiell.php' target='_blank'>Konfidensielle program</a>

</div>

<a href='admin.php' target='_blank'>Administrasjon</a>

</div>

</div><div class='rammebotn'></div></div>

<br>

</a>

</a>

<br>

</div>

</center>

</body>

</html>

Håper noen kan hjelpe!

Takk,

Degeim

Endret 18. august 2006 av Degeim

oskaremil · 18. august 2006

Å lage sider med CSS som fungerer også i IE6 kan være et h****te. Jeg ga opp hele driten og lastet ned et Open Source webdesign. Problemet er at IE6 er utrangert når det gjelder å lese CSS stylesheets. Vice versa, så har IE6 sine spesielle "standarder" som gjør at en side kan vises helt fint i IE, men se ut som en rumpe i alle andre nettlesere ( de som følger standardene fra W3).

Forhåpentligvis bedrer det seg når IE7 kommer. Nå sa du riktignok aldri hva du trengte hjelp til, men der har du ihvertfall svaret på hvorfor det er sånn.

Alternativt, siden du bruker PHP, kan du legge inn et lite PHP script øverst på siden som laster inn alternative stylesheets alt etter hvilken nettleser en besøkende bruker.

Degeim · 18. august 2006

Det jeg ville ha help til blir vel ganske synlig hvis du viser sidene i først FF (da ser du hvordan den skal være) og så i IE. Da vil du legge merke til hva som er feil. Jeg mistenker at det er på grunn av min-height som er definert for flere av div'ene, og kanskje margin og/eller padding.

Er det noen som har noe mer konkret?

Takk,

Degeim

Kannutt · 18. august 2006

Det jeg ville ha help til blir vel ganske synlig hvis du viser sidene i først FF (da ser du hvordan den skal være) og så i IE. Da vil du legge merke til hva som er feil. Jeg mistenker at det er på grunn av min-height som er definert for flere av div'ene, og kanskje margin og/eller padding.

Er det noen som har noe mer konkret?

Takk,

Degeim

6699333[/snapback]

Har ikke sett på hverken side eller kode, men kan si at IE ikke tolker min/maks høyder, så det er nok kanskje der problemet ligger ja.

Degeim · 18. august 2006

Jeg fikk omsider fikset det ved å lage en individuell CSS-fil for IE, der jeg ikke kunne bruke min-height, og måtte modifisere mesteparten av marginene.

Takk for all hjelp!

Sycosis · 18. august 2006

Btw, så er det meste fikset i IE7.. så kanskje det er håp i fremtiden?

Big_JT · 26. august 2006

Fikkser dette ved å gjøre slik selv:

background: transparent url(menuBullet.gif) no-repeat 725px 10px !important;
background: transparent url(menuBullet.gif) no-repeat 686px 9px;

IE leser den ene, og FF den andre. Funker fint i mine tester. Vet ikke helt hvorfor, da jeg er ny til CSS, bare glad det virker.... :innocent:

Logg inn

CSS i IE og FireFox - viser merkelige forskjeller

Anbefalte innlegg

Degeim

Lenke til kommentar

Videoannonse

oskaremil

Lenke til kommentar

Degeim

Lenke til kommentar

Kannutt

Lenke til kommentar

Degeim

Lenke til kommentar

Sycosis

Lenke til kommentar

Big_JT

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer