hallo, ich habe hier schon mehrmals gepostet aber es ging nicht um dieses problem sondern andere, es tritt ein komisches problem auf, nämlich in IE und AOL wird die seite wenn man von home auf galerie klickt verrutscht...so 3-8 pixel vllt..
in firefox is das nicht so..
page: http://anastasiakreidermann.de/TB
der code ist der hier:
HTML
<html>
<head>
<title>The Brushers</title>
<style type="text/css">
body {
background: #caccf8;
}
a {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
a:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
.menu {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.active {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
h1
{
color: #53B1FF;
margin: 2em 0;
padding: 0;
font-size: 2em;
text-align: left;
}
h1 span
{
font-size: 1.1em;
color: #34537c;
}
h2
{
color: #B3655A;
margin: 2em 0;
font-size: 1.2em;
}
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul#menue {
width: 50px;
align=left;
margin: 0em 0 0 0;
margin-left:10px;
color: #000;
}
ul#menue li a {
margin: 4px 0;
height: 27px;
line-height: 27px;
text-align: left;
border: 0px solid #666;
background: transparent;
display: block;
color: #000060;
text-decoration:none;
}
ul#menue li a + ul.submenue{
display: none;
}
ul#menue li a:focus + ul.submenue {
display: block;
color: #34537c;
}
ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4, ul#submenue5 li a{
background: none; /* IE */
}
</style>
<script type="text/javascript">
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
</script>
</head>
<body bgcolor="#caccf8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<table cellpadding="0" cellspacing="0" height="100%" width="100%" border="0">
<tr>
<td valign="middle" align="center">
<table id="Tabelle_01" width="1023" height="501" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
[img]Bilder/index_01.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="5">
[img]Bilder/index_02.jpg[/img]</td>
<td rowspan="9" background="Bilder/um.jpg" valign="top" align="left">
[img]0.gif[/img]
<ul id="menue">
[*][url='#']Bodypainting[/url]
<ul id="submenue1" class="submenue">
[*][url='werbung.html'][size=8]Werbung&Show[/size][/url]
[*][url='kunstdarstellungen.html'][size=8]Kunstdarstellungen[/size][/url]
[*][url='wettbewerbe.html'][size=8]Wettbewerbe[/size][/url]
[/list]
[*][url='wand.html']Wand&Raumgestaltung[/url]
[*][url='#']Fahrzeugdesign[/url]
<ul id="submenue3" class="submenue">
[*][url='lkw.html'][size=8]LKW[/size][/url]
[*][url='pkw.html'][size=8]PKW[/size][/url]
[/list]
[*][url='illustration.html']Illustration[/url]
[*][url='verschiedenes.html']Verschiedenes[/url]
[/list]
</td>
<td rowspan="9">
<iframe border="0" frameborder="0" marginheight="10" marginwidth="0" scrolling="no" width="675" height="388" src="galerie1.html"
name="gal"></iframe></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="home.html">
[img]Bilder/home.jpg[/img]</a></td>
<td colspan="4" rowspan="2">
[img]Bilder/index_06.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="galerie.html">
[img]Bilder/gelerie1.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="referenzen.html">
[img]Bilder/referenzen.jpg[/img]</a></td>
<td rowspan="7">
[img]Bilder/index_09.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="3">
<a href="ueberuns.html">
[img]Bilder/ueberuns.jpg[/img]</a></td>
<td>
[img]Bilder/index_11.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="4">
<a href="impr.html">
[img]Bilder/impressum.jpg[/img]</a></td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
<a href="links.html">
[img]Bilder/links.jpg[/img]</a></td>
<td colspan="3">
[img]Bilder/index_14.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
<a href="kontakt.html">
[img]Bilder/kontakt.jpg[/img]</a></td>
<td colspan="2" rowspan="3">
[img]Bilder/index_16.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2" rowspan="2">
[img]Bilder/index_17.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td colspan="2">
[img]Bilder/index_18.jpg[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
<tr>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>hab schon vieles ausprobiert und rausgenommen und wieder reingetan und hab eine problemzone gefunden --------->
Code
<script type="text/javascript">
function zeigen(id) {
for (var i = 1; i<=5; i++) {
if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.display="none";}
}
if (document.getElementById(id)) {document.getElementById(id).style.display="block";}
}
</script>und nämlich wenn mans raustut dann is das verrutschen weg, aber irgendwie verstehe ich nicht was dieses verrutschen in diesem code verursachen kann, ihr vllt??!!!!!!!!
danke!!!! 