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

LilFD · 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!

Anzeige

MrX · 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 !!

__________________
MrX

LilFD · 1. August 2006

DANKE ES GEHT!!!
10er haste!

Basti1086 · 1. August 2006

erledigt

~ closed ~

Nützliche Suchen

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

Videos zum Themenbereich