Firefox: GUT ; IE: Seite läuft nicht richtig :-(

Dieses Thema im Forum "Webentwicklung" wurde erstellt von LilFD, 1. August 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 1. August 2006
    Hallo,

    wie der Überschrift schon zu entnehmen ist, habe ich ein Prob mit dem Internet Explorer. Die angefertigte Seite von mir läuft im Firefox einwandtfrei, im Internet Explorer verzieht sich jedoch das Design und der Banner ist nicht richtig plaziert! Wäre cool, wenn mir einer helfen kann!

    Hier mal 2 Screenshots:

    FIREFOX
    {bild-down: http://img157.imageshack.us/img157/1315/firefoxgg5.jpg}


    IE
    {bild-down: http://img157.imageshack.us/img157/9682/iexv0.jpg}



    So hier is dann mal der html Code:
    Code:
    <html>
    <head>
    
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <style type="text/css">
     .rahmen {
     border:solid 1px #3300CC
    }
     td {
     vertical-align:top;
     background-color: #FFFFFF;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-style: normal;
     color: #190E91;
     font-weight: bold;
    }
    
     .heads, .headssmall {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     background-image: url(Bilder/index_03.jpg);
     font-size: 12px;
     font-style: normal;
     font-weight: bold;
     }
     tr {vertical-align:top}
    </style>
    
    <script language="JavaScript">
    <!--
    button1= new Image();
    button1.src = "Bilder/index_04.gif"
    button2= new Image();
    button2.src = "Bilder/index_04_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_05.gif"
    button2= new Image();
    button2.src = "Bilder/index_05_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_06.gif"
    button2= new Image();
    button2.src = "Bilder/index_06_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_07.gif"
    button2= new Image();
    button2.src = "Bilder/index_07_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_08.gif"
    button2= new Image();
    button2.src = "Bilder/index_08_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_09.gif"
    button2= new Image();
    button2.src = "Bilder/index_09_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_10.gif"
    button2= new Image();
    button2.src = "Bilder/index_10_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_11.gif"
    button2= new Image();
    button2.src = "Bilder/index_11_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_16.gif"
    button2= new Image();
    button2.src = "Bilder/index_16_2.gif"
    /* usw. für alle Grafiken,
    die am Mouse-Over-Effekt beteiligt sind */
    //-->
    </script>
    
    <TITLE>TC Blau Weiß Rhynern</TITLE>
    </head>
     <body bgcolor="#D2D4D8">
    <center>
     <table width="775">
     <tr>
     <td colspan="3"><img src="Bilder/index_02.gif"></td>
     </tr>
     <td width="141" height="100%" valign="top" class="rahmen"> 
    <table width="135" border="0" cellpadding="1">
     <tr><td bgcolor="#D2D4D8"><center><font size="1"> Herzlich Willkommen </font></center></td></tr>
     <tr><td><center><img src="Bilder/index_01.gif" width="135" height="192"></center></td></tr>
     <tr>
     <td><a href="index.html" onFocus="this.blur()" onMouseOver="Button1.src='Bilder/index_04_2.gif';" onMouseOut="Button1.src='Bilder/index_04.gif';">
     <img src="Bilder/index_04.gif" name="Button1" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="platzanlage.html" onFocus="this.blur()" onMouseOver="Button2.src='Bilder/index_05_2.gif';" onMouseOut="Button2.src='Bilder/index_05.gif';">
     <img src="Bilder/index_05.gif" name="Button2" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="vorstand.html" onFocus="this.blur()" onMouseOver="Button3.src='Bilder/index_06_2.gif';" onMouseOut="Button3.src='Bilder/index_06.gif';">
     <img src="Bilder/index_06.gif" name="Button3" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="artikel.html" onFocus="this.blur()" onMouseOver="Button9.src='Bilder/index_16_2.gif';" onMouseOut="Button9.src='Bilder/index_16.gif';">
     <img src="Bilder/index_16.gif" name="Button9" border="0" height="18" width="135"></td>
     </tr> 
     <tr>
     <td><a href="fotos.html" onFocus="this.blur()" onMouseOver="Button4.src='Bilder/index_07_2.gif';" onMouseOut="Button4.src='Bilder/index_07.gif';">
     <img src="Bilder/index_07.gif" name="Button4" border="0" height="18" width="135"></td>
     </tr>
    
     <tr>
     <td><a href="weg.html" onFocus="this.blur()" onMouseOver="Button5.src='Bilder/index_08_2.gif';" onMouseOut="Button5.src='Bilder/index_08.gif';">
     <img src="Bilder/index_08.gif" name="Button5" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="termine.html" onFocus="this.blur()" onMouseOver="Button6.src='Bilder/index_09_2.gif';" onMouseOut="Button6.src='Bilder/index_09.gif';">
     <img src="Bilder/index_09.gif" name="Button6" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="mannschaften.html" onFocus="this.blur()" onMouseOver="Button7.src='Bilder/index_10_2.gif';" onMouseOut="Button7.src='Bilder/index_10.gif';">
     <img src="Bilder/index_10.gif" name="Button7" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="impressum.html" onFocus="this.blur()" onMouseOver="Button8.src='Bilder/index_11_2.gif';" onMouseOut="Button8.src='Bilder/index_11.gif';">
     <img src="Bilder/index_11.gif" name="Button8" border="0" height="18" width="135"></td>
     </tr>
    <!-- <tr>
     <td>&nbsp;</td>
     </tr>
     <tr>
     <td>&nbsp;</td>
     </tr> -->
    </table>
     <td width="485" valign="top" class="rahmen">
    
    
    <table border="0" align="center" width="480">
     <tr>
     <td colspan="2" class="heads">BW Rhynern >> Platzanlage </td>
     </tr>
    <tr><td>
    <br>
    Inhalte werden folgen!
    </td></tr> 
    </table>
     </td>
     
     <td class="rahmen" width="140" height="400" colspan="2" valign="top">
     <table width="135" bgcolor="#D2D4D8">
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_12.gif"></center></td>
     </tr>
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_13.gif"></center></td>
     </tr>
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_14.gif"></center></td>
     </tr>
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_15.gif"></center></td>
     </tr>
    </table>
    
     </td>
     </tr>
    </table> 
    </center>
    </body>
    </html>
    
    Im Anhang befinden sich die Bilder, falls ihr euren Code einmal testen wollt!
     

  2. Anzeige
  3. #2 1. August 2006
    Hi!!

    Versuchs mal mit diesem Code... habe nur den Colspan-Wert der Header-Zeile von 3 auf 5 gesetzt und n paar kleinere Schönheitsfehler im Quellcode entfernt: bei mir klappt's jetzt!!

    Code:
    <html>
    <head>
    
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <style type="text/css">
     .rahmen {
     border:solid 1px #3300CC
    }
     td {
     vertical-align:top;
     background-color: #FFFFFF;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-style: normal;
     color: #190E91;
     font-weight: bold;
    }
    
     .heads, .headssmall {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     background-image: url(Bilder/index_03.jpg);
     font-size: 12px;
     font-style: normal;
     font-weight: bold;
     }
     tr {vertical-align:top}
    </style>
    
    <script language="JavaScript">
    <!--
    button1= new Image();
    button1.src = "Bilder/index_04.gif"
    button2= new Image();
    button2.src = "Bilder/index_04_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_05.gif"
    button2= new Image();
    button2.src = "Bilder/index_05_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_06.gif"
    button2= new Image();
    button2.src = "Bilder/index_06_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_07.gif"
    button2= new Image();
    button2.src = "Bilder/index_07_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_08.gif"
    button2= new Image();
    button2.src = "Bilder/index_08_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_09.gif"
    button2= new Image();
    button2.src = "Bilder/index_09_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_10.gif"
    button2= new Image();
    button2.src = "Bilder/index_10_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_11.gif"
    button2= new Image();
    button2.src = "Bilder/index_11_2.gif"
    button1= new Image();
    button1.src = "Bilder/index_16.gif"
    button2= new Image();
    button2.src = "Bilder/index_16_2.gif"
    /* usw. für alle Grafiken,
    die am Mouse-Over-Effekt beteiligt sind */
    //-->
    </script>
    
    <TITLE>TC Blau Weiß Rhynern</TITLE>
    </head>
     <body bgcolor="#D2D4D8">
    <center>
     <table width="775">
     <tr>
     <td colspan="5"><img src="Bilder/index_02.gif"></td>
     </tr>
     <tr>
     <td width="141" height="100%" valign="top" class="rahmen"> 
    <table width="135" border="0" cellpadding="1">
     <tr><td bgcolor="#D2D4D8"><center><font size="1"> Herzlich Willkommen </font></center></td></tr>
     <tr><td><center><img src="Bilder/index_01.gif" width="135" height="192"></center></td></tr>
     <tr>
     <td><a href="index.html" onFocus="this.blur()" onMouseOver="Button1.src='Bilder/index_04_2.gif';" onMouseOut="Button1.src='Bilder/index_04.gif';">
     <img src="Bilder/index_04.gif" name="Button1" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="platzanlage.html" onFocus="this.blur()" onMouseOver="Button2.src='Bilder/index_05_2.gif';" onMouseOut="Button2.src='Bilder/index_05.gif';">
     <img src="Bilder/index_05.gif" name="Button2" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="vorstand.html" onFocus="this.blur()" onMouseOver="Button3.src='Bilder/index_06_2.gif';" onMouseOut="Button3.src='Bilder/index_06.gif';">
     <img src="Bilder/index_06.gif" name="Button3" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="artikel.html" onFocus="this.blur()" onMouseOver="Button9.src='Bilder/index_16_2.gif';" onMouseOut="Button9.src='Bilder/index_16.gif';">
     <img src="Bilder/index_16.gif" name="Button9" border="0" height="18" width="135"></td>
     </tr> 
     <tr>
     <td><a href="fotos.html" onFocus="this.blur()" onMouseOver="Button4.src='Bilder/index_07_2.gif';" onMouseOut="Button4.src='Bilder/index_07.gif';">
     <img src="Bilder/index_07.gif" name="Button4" border="0" height="18" width="135"></td>
     </tr>
    
     <tr>
     <td><a href="weg.html" onFocus="this.blur()" onMouseOver="Button5.src='Bilder/index_08_2.gif';" onMouseOut="Button5.src='Bilder/index_08.gif';">
     <img src="Bilder/index_08.gif" name="Button5" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="termine.html" onFocus="this.blur()" onMouseOver="Button6.src='Bilder/index_09_2.gif';" onMouseOut="Button6.src='Bilder/index_09.gif';">
     <img src="Bilder/index_09.gif" name="Button6" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="mannschaften.html" onFocus="this.blur()" onMouseOver="Button7.src='Bilder/index_10_2.gif';" onMouseOut="Button7.src='Bilder/index_10.gif';">
     <img src="Bilder/index_10.gif" name="Button7" border="0" height="18" width="135"></td>
     </tr>
     <tr>
     <td><a href="impressum.html" onFocus="this.blur()" onMouseOver="Button8.src='Bilder/index_11_2.gif';" onMouseOut="Button8.src='Bilder/index_11.gif';">
     <img src="Bilder/index_11.gif" name="Button8" border="0" height="18" width="135"></td>
     </tr>
    <!-- <tr>
     <td>&nbsp;</td>
     </tr>
     <tr>
     <td>&nbsp;</td>
     </tr> -->
    </table>
     <td width="485" valign="top" class="rahmen">
    
    
    <table border="0" align="center" width="480">
     <tr>
     <td colspan="2" class="heads">BW Rhynern >> Platzanlage </td>
     </tr>
    <tr><td>
    <br>
    Inhalte werden folgen!
    </td></tr> 
    </table>
     </td>
     
     <td class="rahmen" width="140" height="400" colspan="2" valign="top">
     <table width="135" bgcolor="#D2D4D8">
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_12.gif"></center></td>
     </tr>
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_13.gif"></center></td>
     </tr>
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_14.gif"></center></td>
     </tr>
     <tr>
     <td class="rahmen1" width="139" height="90"><center><img src="Bilder/index_15.gif"></center></td>
     </tr>
    </table>
    
     </td>
     </tr>
    </table> 
    </center>
    </body>
    </html>
    
    Ich hoffe ich konnt helfen ;-) ... über nen 10er freu ich mich natürlich auch :p!!

    __________________
    MrX
     
  4. #3 1. August 2006
    DANKE ES GEHT!!!
    10er haste!
     
  5. #4 1. August 2006
    erledigt

    ~ closed ~
     

  6. Videos zum Thema
Die Seite wird geladen...