✔ div-container springt bei mousover von links

Status
Nicht offen für weitere Antworten.
D

dasraz

Mitglied
Hi zusammen,

ich möchte eine Homepage basteln, welche komplett mit div-containern gelayoutet werden soll. Das Grundgerüst steht und ich habe schon ein paar Seiten zum testen verlinkt.

Wenn ich aber jetzt mit der Maus über die Links fahre, springt das weiße Inhaltsfenster in der Mitte. Dieser Effekt tritt aber auch nur im FireFox auf. Woran liegt das und wie kann ich das Problem lösen?

Danke schonmal im Vorraus!
raz
 
Naja, ich dachte mir, dass ein Rechtsklick --> Quelltext anzeigen ausreichen würde. Ausserdem glaub ich, dass der Fehler nicht nur beim entsprechenden Element, sondern im Gesamten zu suchen ist. Aber ich werd dann mal den Quelltext der Seite hier einfügen. Den entsprechenden Bereich werd ich dann fett hervorheben:

Code: 
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
  <html>
     <head>
  	  <title></title>
  	  <style type="text/css">
  		
  		body
  		{
  		  margin:0px 0px 0px 0px;
  		  font-family:Verdana;
  		  font-size:11px;
  		}
  		
  		h1,h2,h3 { margin-bottom:0px;margin-top:0px; }
  		h1 {font-size:20px;}
  		h2 {font-size:18px;}
  		h3 {font-size:16px;}
  		
  		p { margin-top:0px; }
  		
  		a:link { font-size:11px; color: #000000; text-decoration: none; } 
  		a:visited { font-size:11px;  color : #000000; text-decoration: none; } 
  		a:hover { font-size:11px; color: #3333FF;text-decoration: none; height:0;} 
  		a:active { font-size:11px; color: #3333FF; text-decoration: none; }
  		
  		pre { padding:5px; }
  		
  		input 
  		{ 
  		  border:1px solid #3333FF; 
  		  background-color:#66CCFF;
  		  margin-bottom:3px;
  		  width:90px;
  		}	  
  
  		
  		#rahmen
  		{
  		  width:800px;
  		  height:500px;
  		  background-color:#66CCFF;
  		  border:1px solid #3333FF;
  		  margin-left:auto;
  		  margin-right:auto;
  		  margin-top:20px;
  		}
  		
  		#header
  		{
  		  width:100%;
  		  height:5%;
  		  border-bottom:1px solid #3333FF;
  		  text-align:center;
  		  margin-bottom:20px;
  		  padding-top:10px;
  		  padding-bottom:10px;
  		}
  		
  		#nav_l, nav_r
  		{
  		  width:100px;
  		  line-height:15px;
  		}
  		
  		#nav_r
  		{
  		  float:right;
  		  padding-right:10px;
  		}
  		
  		#nav_l
  		{
  		  float:left;
  		  padding-left:10px;
  		}
  		
  		#content
  		{
  		  padding:5px;
  		  float:left;
  		  width:560px;
  		  background-color:#FFFFFF;
  		  border:1px solid #3333FF;
  		  overflow:auto;
  		}
  		
  		.line
  		{
  		  border-bottom:1px solid #3333FF;
  		  width:80px;
  		  align:center;
  		}
  	  </style>
     </head>
     <body>
  	<div id="rahmen">
  	  <div id="header"><h2>http://www.lachsfarm.de</h2></div>
  	  <div id="nav_l" style="clear:right;">
  		<b><p>navigation</p></b>
  		
 		· <a href="index.php?section=start">Startseite</a><br />
 		· <a href="index.php?section=member">Mitglieder</a><br />
 		· <a href="index.php?section=about">&Uuml;ber uns</a> <br />
  		· Galerie
  		<p class="line">&nbsp;</p>
 		· <a href="index.php?section=gb">G&auml;stebuch</a> <br />
  		· Forum <br />
  		· <a href="index.php?section=chat">Chat</a>
  		<p class="line">&nbsp;</p>
 		· <a href="index.php?section=disclaimer">Disclaimer</a> <br />
 		· <a href="index.php?section=impressum">Impressum</a> <br />
  		
  	  </div>
  	  <div id="content">
  		<?php include 'inc/content.php' ?>
 		<p><b>Die Seite befindet sich momentan im Aufbau und ist nur zu Testzwecken online!	</b></p>
  	  </div>
  	  <div id="nav_r">
  		<input type="text" /><br />
  		<input type="text" /><br />
  		<input type="button" value="login" />
  	  </div>
  	</div>
     </body>
  </html>
 
hum... das weiß ich selbst nicht mehr! Ist wohl vom testen übrig geblieben. :D
Aber thx... das kleine Teil hat das Problem verursacht. Das Problem hat sich gelöst.
Danke dir. :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück