diverse - Hjemme fin i FF, Safari, Google chrome, men ikke i IE? - Udvikleren.dk

Tags: diverse

Bruger #14124 @ 15.01.09 19:07

Hej.

Jeg er igang med at programmere på hjemmesiden: http://www.frihtml.tii.dk/soc/

Den er dog langt fra færdig, og der skal også nyt design på MEN..

Når jeg åbner i FF, Safari og Google chrome, er bg coleren rød, altså der er roser, på baggrunden, men i menu og i feltet ved siden af menu.

MEN, når jeg åbner den i IE er det ligepludselig hvidt

? Den oprindelige farve i rød.

I kan lige få mine koder:

HTML kode

 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <title>Soc. B&oslash;rkop</title>
 </head>
 <link rel="stylesheet" href="style.css" type="text/css">
 <body>
 
 <center>
 
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td background="billeder/top.gif" width="800" height="100"></td>
 </tr>
 </table>
 </td></tr><tr><td>
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td background="billeder/menu.gif" width="150" height="21"></td>
 <td background="billeder/lang.gif" width="650" height="21">&copy; Soc. B&oslash;rkop 09. Hjemmeside af Morten Riisager <a href="http://frihtml.tk" target="_blank">Frihtml.tk</a> Optimeret til <a href="http://www.mozilla-europe.org/da/firefox/" target="_blank">Mozilla Firefox</a></td>
 </tr>
 </table>
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td background="billeder/mmbg.gif" width="150" height="200">
 <iframe name="menu" src="menu.htm" frameborder="0" width="150" height="200" allowtransparency="true"></iframe>
 </td>
 <td background="billeder/mbg.gif" width="650" height="200"><div align="center"><div align="center"><h2>
  
 </h2></div>
   </div>
   </div>
 <iframe name="name" frameborder="0" width="650" height="200" allowtransparency="true"></iframe>
   </td>
 </tr>
 </table>
 
 </center>
 </body>
 </html>

CSS kode

 body
 {
 background-image:url(billeder/Soclogo.jpg)
 }
 
 h1
 {
 text-align:center;
 color:#000000
 }
 
 h2
 {
 color:#000000;
 text-align:center
 }
 
 a:link
 {
 color:#00FF00
 }
 
 a:visited 
 {
 color:#0000FF
 }
 
 a:focus
 {
 color:#FF0000
 }
 
 a:hover
 {
 color:#FF0000
 }

Ved ikke lige hvad jeg skal gøre, står i et problem her :/

8 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #5097 @ 15.01.09 22:25

818

Grunden til at det ser forskelligt ud i forskellige browsere skyldes at du ikke har angivet en doctype.
Læs http://www.html.dk/artikler/00036/
Med en doctype ved browseren hvordan den skal tolke dine koder. Det er typisk at IE handler lidt anderledes i sådan et tilfælde da den ofte ikke helt følger standarterne (et er FF-tilhængernes hovedargumenter).

Prøv at prøv nogle forskellige doctypes og se om siden med en af dem ser bedre ud. Hvis ikke, bør du nok prøve at vælge en (ud fra hvad du ønsker) og prøve at gennemgå dine koder. Med doctypes burde resultatet gerne være ens i (99 % af) alle browsers.

Bruger #14100 @ 16.01.09 00:15

Paste dit html ind her inkl doctype, så kan du se eventuelle fejl:

Bruger #3143 @ 16.01.09 11:46

1.965

Her er det for en gangs skyld IE der følger standarderne.

Du bruger allowtransparency="true" på dine iframes. Dette er ikke en standard, og IE understøtter den ikke. Fjern den, og giv i stedet dine underdokumenter en baggrundsfarve.

Eller endnu bedre: Fjern de iframes. Det er pisse irriterende som bruger at finde rundt på en side med frames eller iframes, siden ser oftest forkert ud, hvis man finder den fra Google eller lignende, og man kan ikke bogmærke siden korrekt.

Bruger #7684 @ 24.02.09 11:37

Og så en anden ting, INDRYK din kode, så den ser pæn ud, ellers er der ikke mange der kan eller vil læse den inkl. mig selv hehe

Det giver altså et lidt bedre overblik når der er indrykninger især i dine <table> data.

<table>
<tr>
<td></td>
</tr>
</table>

sådan noget lignende.