Suche im Forum:
Suchen


Autor Nachricht
Beitrag10.05.2010 um 17:01 (UTC)    
Titel: Bei auflösung 1024x768 verschiebt sich col Menü

Hallo,
ich habe ein Problem mit meinem Col Menü.
Wenn ich die Auflösung 1024x768 nutze, verschiebt sich das Menü.
Bei jeder anderen Auflösung klappt es.
Hier als Screen:
http://img.webme.com/pic/e/ekejo/error.bmp
Könnt ihr mir dabei helfen?
Cod für das Menü:
Code:
<!-- col Menü -->
<style type="text/css" media="screen">
<!--
body
{
font-family: Lucida Calligraphy;
font-size: 16px;
overflow: auto;
padding: 0px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 280px;
left: 55%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 175px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #104E8B;
background-image: url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 29px;
color: #808080;
}

.menu a:hover
{
background-color: #none;
background-image: url();
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</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 onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> HP - Übersicht</a></a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="/Home.htm">Home</a></li>
<li><a href="/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="/Kontakt.htm">Kontakt</a></li>
<li><a href="/Newsletter.htm">Newsletter</a></li>
<li><a href="http://www.boards-4you.de/wbb9/335/index.php">Forum</a></li>
</ul>
</li>

<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">Wir</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="/Emily.htm">Emily</a></li>
<li><a href="/Kevin.htm">Kevin</a></li>
<li><a href="">Kim</a></li>
<li><a href="/Eva.htm">Eva</a></li>
<li><a href="/Janis.htm">Janis</a></li>
<li><a href="/Oliver.htm">Oliver</a></li>
<li><a href="/EKEJO.htm">über EKEJO</a></li>
<li><a href="/F.ue.r-einen-Freund-.--.--.-.htm">Für einen Freund</a></li>


</ul>
</li>

<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> Links</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="/Link-US.htm">Link US</a></li>
<li><a href="/Partner.htm">Partner</a></li>
<li><a href="/Link-Kiste.htm">Link Kiste</a></li>
<li><a href="/Topliste.htm">Topliste</a></li>


</ul>
</li>

<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);"> Unterhaltung</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="/Videos.htm">Videos</a></li>
<li><a href="/Spiele.htm">Spiele</a></li>
</ul>
</li>
</div>


Danke schon mal im vorraus!
Viele Grüße
Janis
______________
MFG
Das EKEJO Team!


Zuletzt bearbeitet von ekejo am 10.05.2010, 18:02, insgesamt einmal bearbeitet
Beitrag10.05.2010 um 17:55 (UTC)    
Titel:

Das Problem liegt an der Positionierung - es wurde ein Wert von 50% angebeben,
wodruch er je nach Auflösung den gleichen Stand hat. Dies kannst du verhindern,
wenn du margin-left und left veränderst.

Alter Code:
Zitat:
div.menu
{
position: absolute;
z-index: 3;
top: 280px;
left: 55%;
margin-left:-405px;

width:905px;
}


Neuer:

Zitat:
div.menu
{
position: absolute;
z-index: 3;
top: 280px;
left: 405px;
width:905px;
}

______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag10.05.2010 um 19:31 (UTC)    
Titel:

Ahh! Very Happy
Danke für die super schnelle Hilfe! Smile
______________
MFG
Das EKEJO Team!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de