Hi,
habe folgendes Problem.
Unter FF, IE 7.0 und Opera (auf meinem PC) passt meine Seite, es sieht alles normal aus wie es sein sollte.
Jedoch hat mir ein Kumpel gesagt das meine HP bei Ihm unter IE 6.0 nicht passt.
Problem, der Kontakt Button rutscht nach links unter Home.
Woran kann das liegen? Hoffe Ihr könnt mir helfen.
Hier meine Codes
Text über dem Design:
</td></tr></table>
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 13px;
overflow: auto;
padding: 12px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 200px;
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: 24px;
color: #000000;
}
.menu a:hover
{
background-color: #FFFFFF;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a,#smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
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://malawidreams.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://malawidreams.de.tl/Malawisee.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Malawisee</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Showbecken.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Showbecken</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Zuchtanlage</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="http://malawidreams.de.tl/Zuchtanlage-1.htm">Zuchtanlage 1</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-2.htm">Zuchtanlage 2</a></li>
<li><a href="http://malawidreams.de.tl/Zuchtanlage-3.htm">Zuchtanlage 3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Stockliste</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://malawidreams.de.tl/Stockliste-Mbuna.htm">Mbuna</a></li>
<li><a href="http://malawidreams.de.tl/Stockliste-Welse.htm">Welse</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://malawidreams.de.tl/Bildergalerie.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Galerie</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Tipps</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://malawidreams.de.tl/Haltung.htm">Haltung</a></li>
<li><a href="http://malawidreams.de.tl/Technik.htm">Technik</a></li>
<li><a href="http://malawidreams.de.tl/Einrichtung.htm">Einrichtung</a></li>
<li><a href="http://malawidreams.de.tl/Pflanzen.htm">Pflanzen</a></li>
<li><a href="http://malawidreams.de.tl/Zucht.htm">Zucht</a></li>
<li> </li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Kontakt</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
<li><a href="http://malawidreams.de.tl/Anfahrt.htm">Anfahrt</a></li>
<li><a href="http://malawidreams.de.tl/Mail-Me.htm">E - Mail</a></li>
<li><a href="http://malawidreams.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://malawidreams.de.tl/Links.htm">Links</a></li>
<li><a href="http://malawidreams.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_oben{
color: #FFFFFF;
width: 940px;
height: 100px;
background-image: url(http://img.webme.com/pic/m/malawidreams/1.jpg);
float: left;
left: 50%;
padding: 10px;
margin: 0px 0px 0px 0px;}
#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: 260px;
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: 210px;
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">
<!--
Zuletzt bearbeitet von malawidreams am 13.06.2009, 08:15, insgesamt einmal bearbeitet
|