Hi, ich habe ein kleines Problem mit meiner Hp.
Es geht um folgendes.
Wenn man auf den Menüpunkt Unsere Farm klickt, anschliesend auf den Menüpunkt Unsere Rassen geht verschiebt sich die HP leicht nach links.
Weiß nicht was ich machen soll.
Hier mal meine Codes
Text über dem Design:
</td></tr></table>
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 12px;
overflow: auto;
padding: 12px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 240px;
left: 50%;
margin-left:-480px;
width: 940px
}
.menu li
{
width: 117px;
float: left;
}
.menu a
{
border: 1px solid #343434;
background-color: #FFFFFF;
padding-top: 8px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 4px;
display: block;
height: 30px;
color: #000000;
}
.menu a:hover
{
background-color: #FFFFFF;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 10px;
display: none;
width: 117px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a,#smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-size: 10px;
font-weight: bold;
padding-top: 10px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="http://kleintierzuchtmika.de.tl/" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>
<li><a href="http://kleintierzuchtmika.de.tl/-Ue-ber-uns.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Über Uns</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
<li><a href="http://kleintierzuchtmika.de.tl/Unsere-Farm.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Unsere Farm</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://kleintierzuchtmika.de.tl/Anlage-1.htm">Anlage 1</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Anlage-2.htm">Anlage 2</a></li>
</ul>
</li>
<li><a href="http://kleintierzuchtmika.de.tl/Unsere-Rassen.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Unsere Rassen</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://kleintierzuchtmika.de.tl/Zwerg-Wyandotten-gestreift.htm">Zwerg Wyandotten gestreift</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Zwerg-Wyandotten-lachsfarbig.htm">Zwerg Wyandotten lachsfarbig</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Kleinschecken-schwarz-_-wei.ss..htm">Kleinschecken schwarz - weiß</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Lohkaninchen-schwarz.htm">Lohkaninchen schwarz</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Farbenzwerge-schwarz_silber.htm">Farbenzwerge Schwarz-silber</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/S.ue.ddeutsche-Blassen-rot.htm">Süddeutsche Blassen rot</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Amherstfasan.htm">Amherstfasan</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Meerschweinchen.htm">Meer-
<br/ >schweinchen</a></li>
</ul>
</li>
<li><a href="http://kleintierzuchtmika.de.tl/Erfolge.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');"> Erfolge</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://kleintierzuchtmika.de.tl/Herbert.htm">Herbert</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Thomas.htm">Thomas</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://kleintierzuchtmika.de.tl/Galerie.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Galerie</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>
<li><a href="http://kleintierzuchtmika.de.tl/Tipps.htm" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Tipps</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://kleintierzuchtmika.de.tl/T.ae.towieren.htm">Tätowieren</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Zuchtgruppe.htm">Zuchtgruppe</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Bewertung-Kaninchen.htm">Kaninchen Bewertung</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Bewertung-Gefl.ue.gel.htm">Geflügel Bewertung</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Kunstbrut.htm">Kunstbrut</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/H.ue.hnerbrut.htm">Hühnerbrut</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://kleintierzuchtmika.de.tl/Kontakt.htm" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Kontakt</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
<li><a href="http://kleintierzuchtmika.de.tl/E_Mail.htm">E - Mail</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Links.htm">Links</a></li>
<li><a href="http://kleintierzuchtmika.de.tl/Impressum.htm">Impressum</a></li>
<li> </li>
</ul>
</li>
</ul>
</div>
<div id="Header_oben"></div>
CSS Code ohne Style Tags:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#nav_container {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}
#header_container {
position: absolute;
left: 50%;
top: 115px;
margin-left: -480px;
width: 960px;
height: 123px;
background-image: url(http://img.webme.com/pic/k/kleintierzuchtmika/banneroben.jpg);
}
#nav_container {display:none;}
h2#title span{
margin-top:20px;
padding:5px;
color:#343434;
font-size:13px;
font-afmily:arial;
border:1px solid #C9C9C9;}
#content {
position: absolute;
left: 50%;
top: 270px;
margin-left:-480px;
width: 940px;
padding:10px;
color: :#000000;
font-size:13px;
background-color::#FFFFFF;
background-image:url();
border: 1px solid #FFFFFF;}
#mein_Feld {
position: absolute;
left: 50%;
top: 220px;
margin-left: -480px;
padding: 5px;
width: 940px;
color:#000000;
background-color:#FFFFFF;
background-image:url();
border: 2px solid #000000;}
-->
</style>
<table align="center" cellpadding=0 cellspacing=0 border=0><tr><td align="center">
<style type="text/css">
<!--
</div>
