chris3007: Problem mit Javascript in div-tag

Beitrag lesen

SELF-Forum

Problem mit Javascript in div-tag

chris3007
– Informationen zu den Bewertungsregeln

Ok. Dann hier nochmal genauer beschrieben:

Hier mein Seitenquelltext zur folgender Seite: http://www.pronature-holistic.de/?action=hunde

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
	<head>  
		<link href="reset.css" rel="stylesheet" type="text/css">  
		<link href="stylesheet.css" rel="stylesheet" type="text/css">  
		<script type="text/javascript" src="functions.js"></script>  
  
		<title>Pronature Holistic</title>  
	</head>  
  
	<body>  
	<div id="ie6-container-wrap>  
		<div id="header-wrap">  
	<div id="header-container">  
		<div id="header">  
			<div id="header_logo"><a href="./index.php"><img src="images/logo.png" border="0" alt="Pronature Holistic" /></a></div>  
  
			<div id="header_sub_nav">  
				<ul>  
					<li><a href="./index.php">Home</a></li>  
  
					<li><a href="">Kontakt</a></li>  
					<li class="last"><a href="">Impressum</a></li>  
				</ul>  
				<p>  
					<img src="images/logo2.png" alt="Simply natural!" />  
				</p>  
			</div>  
			<div id="main_header">&nbsp;</div>  
  
			<ul id="main_nav">  
				<li id="nav_1"><a href="?action=home"><span class="oneline">Home</span></a></li>  
				<li id="nav_2"><a href="?action=hunde"><span class="oneline">Hunde</span></a></li>  
				<li id="nav_3"><a href="?action=katzen"><span class="oneline">Katzen</span></a></li>  
				<li id="nav_4"><a href="?action=inhalte"><span class="oneline">Inhalte</span></a></li>  
				<li id="nav_5"><a href="?action=shop"><span class="oneline">Onlineshop</span></a></li>  
  
				<li id="nav_6"><a href="?action=handel"><span class="oneline">F&uuml;r H&auml;ndler</span></a></li>  
			</ul>  
		</div>  
	</div>  
</div>  
		 <div id="hunde-katze">  
 	<div id="uebergang">  
  
 		<table height="464" align="center" valign="bottom" width="100%">  
 			<tr>  
 				<td width="20%" align="center" valign="bottom">  
					<img src="images/hund_01.png">  
 				</td>  
 				<td width="20%" align="center" valign="bottom">  
					<img src="images/hund_02.png">  
 				</td>  
 				<td width="20%" align="center" valign="bottom">  
  
					<img src="images/hund_03.png">  
 				</td>  
 				<td width="20%" align="center" valign="bottom">  
					<img src="images/hund_04.png">  
 				</td>  
 				<td width="20%" align="center" valign="bottom">  
 					<p align="center"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Senior','','images/hund_05_big.png',1)"><img src="images/hund_05.png" name="Senior" border="0" alt="Senior"></a>  
							<br>Senior</p>  
  
 				</td>  
 			</tr>  
 		</table>  
 		  
 	</div>  
 </div>  
	</div>  
	</body>  
</html>

Hier ein Link zur eingebundenen Javascript-Funktion:
Javascript-Funktion

Hier ein Link zur CSS:
Stylesheet

Das ganz rechte Bild in der Seite sollte einen Rollover-Effekt haben. Im IE wird der auch dargestellt.
Im Firefox wird der Rollover nicht dargestellt, nicht einmal der Link funktioniert. Ich vermute, dass die div-tags die im head eingebundene Funktion ignorieren.

Kann mir da jemand helfen?

Danke und Gruß
Chris

Beitrag melden
–
Informationen zu den Bewertungsregeln