Avatar billede gimo Nybegynder
06. marts 2007 - 20:06 Der er 2 kommentarer og
1 løsning

HTML - Ser rigtig ud i FF men ikke IE?

Hej Experts
Jeg er nu kommet i et problem, hvor min side ser rigtig ud i firefox, men ikke internet explorer.
Jeg ved ikke lige hvad jeg ellers skal skrive, men her er min kode:

<html>
<head>
<title>Manic-Gaming.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#content {
    font-family: arial;
    font-size: 12px;
}
#sponsors {
    text-align: center;
    color: white;
    font-family: arial;
    font-size: 12px;
}
</style>
</head>
<body bgcolor="#f2f2f2" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="1000" height="1101" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="13">
        <img src="images/index_01.gif" width="1000" height="257" alt="">
        </td>   
    </tr>
    <tr>
        <td colspan="2">
        <img src="images/index_02.gif" width="92" height="60" alt="">
        </td>
        <td>
            <a href="index.html"><img src="images/home.gif" width="105" height="60" border ="0" alt=""></td></a>
        <td>
            <a href="members.html"><img src="images/members.gif" width="130" height="60" border ="0" alt=""></td></a>
        <td>
            <a href="wars.html"><img src="images/wars.gif" width="103" height="60" border ="0" alt=""></td></a>
        <td>
            <a href="events.html"><img src="images/events.gif" width="115" height="60" border ="0" alt=""></td></a>
        <td>
            <a href="forum.html"><img src="images/forum.gif" width="116" height="60" border ="0" alt=""></td></a>
        <td colspan="3">
            <a href="gallery.html"><img src="images/gallery.gif" width="122" height="60" border ="0" alt=""></td></a>
        <td>
            <a href="contact.html"><img src="images/contact.gif" width="115" height="60" border ="0" alt=""></td></a>
        <td colspan="2" width="102" height="60" background="images/index_10.gif">
            </td>
    </tr>
    <tr>
        <td rowspan="2">
        <img src="images/index_11.gif" width="66" height="697" alt="">
       
        </td>
        <td width="604" height="697" colspan="7" rowspan="2" bgcolor="#EBEBEB" valign="top">
        <div id="content">
Godag her skal content stå.

        </div>
        </td>
        <td colspan="5">
        <img src="images/index_13.gif" width="330" height="43" alt="">
        </td>
    </tr>
    <tr>
        <td>
        <img src="images/index_14.gif" width="22" height="654" alt="">
        </td>
        <td width="263" height="654" colspan="3" bgcolor="#686868" valign="top">
        <div id="sponsors">

Here goes the banners!
       
        </div>
        </td>
        <td>
        <img src="images/index_16.gif" width="45" height="654" alt="0"
        </td>
    </tr>
    <tr>
        <td colspan="13" width="1000" height="86" background="images/index_17.gif">
        </td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="66" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="26" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="105" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="130" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="103" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="115" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="116" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="22" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="91" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="115" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="45" height="1" alt=""></td>
    </tr>
</table>
</body>
</html>


Hvis i mangler nogen form for information, så skriv endelig!
Avatar billede roenving Novice
07. marts 2007 - 11:32 #1
Du har to alvorlige fejl og så et problem med en gammelkendt IE-bug ...

-- for det første har du ikke tvunget IE til at overholde nogle af de mest basale css-regler, det gør du ved at indsætte en fuldt kvalificeret doctype først:

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

-- for det andet har du ikke fået lukket et af dine img-tags:

...
Here goes the banners!
       
        </div>
        </td>
        <td>
        <img src="images/index_16.gif" width="45" height="654" alt="0"
        </td>
    </tr>
    <tr>
...

-- og IE-buggen, du skal tage højde for, er at </td>-tags _aldrig_ må stå på deres egen linje, for så renderer IE linjeskiftet foran, så f.eks. ovenstående skal være:

...
Here goes the banners!
       
        </div>
        </td>
        <td>
        <img src="images/index_16.gif" width="45" height="654" alt="0"></td>
    </tr>
    <tr>
...
Avatar billede gimo Nybegynder
07. marts 2007 - 14:08 #2
Jeg takker og pokker for roenving. Det hjalp ;) Og så har jeg igen idag lært noget :)
Avatar billede roenving Novice
07. marts 2007 - 14:12 #3
Velbekomme '-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester