hallo zusammen
mein problem ist, das ich ein coolmenü in meine homepage eingebaut habe und es auch richtig positioniert habe. nur wenn ich die größe meine browser oder die auflösung meines pc´s ändere verschiebt sich die position meines menüs nach rechts.
Meine frage ist nun ob es eine möglichkeit gibt dem menü eine feste postion zu geben, wo es immer bleibt.
code des menüs:
<style type="text/css" media="screen">
<!--
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 226px;
left: 215px;
width:850px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }
/* Aussehen der Menüpunkte einstellen (Hintergrund, Schriftart und Größe) */
.menu a {
border: 2px solid #000000;
background-color: #00FF00;
background-image: url(URL);
font-family: Verdana, sans-serif;
font-size: 14px;
text-align: center;
text-decoration: none;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(URL);
color: #000000; }
#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: #000000; }
//-->
</style>
<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Community</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://technik-forum.forumprofi.de/index.php">Technik Forum</a></li>
<li><a href="http://gamesforum.forumprofi.de/index.php">Games Forum</a></li>
<li><a href="http://kinounddvdforum.forumprofi.de/index.php">Kino/DVD Forum</a></li>
<li><a href="http://pennergame-informationen-fun-forum.forumprofi.de/index.php">Fun Forum</a></li>
<li><a href="http://off-topic-forum.forumprofi.de/index.php">Off-Topic Forum</a></li>
<li><a href="http://pennergame-informationen.forumprofi.de/index.php">PG-Info Forum</a></li>
<li><a href="http://board.pennergame.de/">PG Forum</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Support</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://pennergame-informationen.de.tl/Support.htm">PG-Info Support</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Banner us</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://pennergame-informationen.de.tl/Banner.htm">Banner</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Feedback</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://pennergame-informationen.de.tl/Vorschl.ae.ge.htm">Vorschläge</a></li>
<li><a href="http://pennergame-informationen.de.tl/Umfragen.htm">Umfragen</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Registrierung</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://www.loaditup.de/files/633812_aphnkl">Registrieren</a></li>
<li><a href="http://www.loaditup.de/files/635213_k9366xyhbr.html">Daten löschen</a></li>
</ul>
</li>
</div>
