Hallo,
ich habe eine Sitemap aus verschachtelten Listen aufgebaut, sie sieht etwa so aus:
mit Css hab e ich die Listen gestalltet:
Wenn ich jetzt im internet Explorer über einen Link fahre, springt die ganze Liste ein Stück nach links, wenn ich danach über Links in einer anderen Unterliste fahre, springt diese Unterliste auch ein Sück nach links. Danch bleibt die Liste in der Positon, erst bei erneutem laden tritt das Problem wieder auf. In Firefox, Opera und Safri tritt das Problem nicht auf.
Weiß jemand, woran das liegen könnte, dass die Liste springt?
Gruß
-André-
ich habe eine Sitemap aus verschachtelten Listen aufgebaut, sie sieht etwa so aus:
HTML:
<ul id="sitemap">
<li><p><a href="index.php">Start</a></p>
<ul id="sitemapS">
<li><a href="login.php">Login</a></li>
<li><a href="sitemap.php">Sitemap</a></li>
<li><a href="agbs.php">AGBs</a></li>
<li><a href="impressum.php">Impressum</a></li>
</ul>
</li>
<li><p><a href="kurse.php">Kurse und Tänze</a></p>
<ul id="sitemapK">
<li><a href="kurseS.php">Kurssuche</a></li>
<li><a href="kurseE.php">Kurse für Erwachsene</a></li>
<li><a href="kurseJ.php">Kurse für Jugendliche</a></li>
<li><a href="clubs.php">Clubs</a></li>
<li><a href="privatstunden.php">Privatstunden</a></li>
<li><a href="taenze.php">Die Tänze</a></li>
<li><a href="honorare.php">Honorare</a></li>
</ul>
</li>
</ul>
Code:
#sitemap ul {
padding-bottom: 20px;
}
#sitemap li {
display:block;
border: 1px dotted #ccc;
float: left;
margin: 2px;
width: 190px;
height: 350px;
}
#sitemap li p a{
text-align: center;
font-family: "Times New Roman", Times, serif;
color: #666;
background: #fff;
font-size: 1.6em;
}
#sitemap a , #sitemap li li {
border: none;
}
#sitemap li ul {
clear: both;
}
#sitemap li ul li{
border: 0;
width: 185px;
height: auto;
}
#sitemap li ul li a{
display: block;
margin: 5px;
padding: 2px;
}
#sitemapS li a{
color: #666;
}
#sitemapK li a{
color: #b4192d;
}
Weiß jemand, woran das liegen könnte, dass die Liste springt?
Gruß
-André-