theunkown987
Neues Mitglied
Hallo,
ich habe eine kleine seite mit einem dropdown menu von "Pixelsdaily" gemacht. leider geht das dropdown menu aber nicht über den <div> Hauptbereich.
Sorry wenn das dumm beschrieben ist.
währe echt super nett wenn mir einer weiter helfen könnte.
HTML Body:
CSS Code:
ich habe eine kleine seite mit einem dropdown menu von "Pixelsdaily" gemacht. leider geht das dropdown menu aber nicht über den <div> Hauptbereich.
Sorry wenn das dumm beschrieben ist.
währe echt super nett wenn mir einer weiter helfen könnte.
HTML Body:
Code:
<body link="#0000FF" alink="##00FF00" vlink="#FF0000"><div id="container">
<div id="nav">
<ul>
<li><a href="main.html">Startseite</a></li>
<li><a href="0.html" id="active">0</a>
<ul>
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
</ul>
</li>
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
</ul>
</div>
<div id="main">
</div>
</body>CSS Code:
Code:
body {background-image:url(background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#main {
width:900px;
height:5000px;
margin: auto;
background-color:white;
opacity: 0.9;
border:10px solid;
border-radius: 20px;
border-color:gray;
text-align: 100px right;
}
/* Menu made by Pixeldaily */
/* Reset */
* {
margin:0px;
padding:0px;
}
.clearFix {
clear: both;
}
/* Container */
#container {
width: auto;
margin: 0px;
}
/* Red */
/* Navigation First Level */
#nav{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size:15px;
}
#nav ul{
background:#222;
height:35px;
list-style:none;
border: 3px solid #222;
-webkit-border-radius: 6px;
}
#nav li{
float:left;
padding:0px;
}
#nav li a{
background:#222;
display:block;
text-align:center;
text-decoration:none;
color:#fff;
line-height:35px;
padding:0px 25px;
-webkit-border-radius: 6px;
}
#nav li a:hover{
text-decoration:none;
background: #4873b1;
color:#FFFFFF;
-webkit-border-radius: 3px;
}
/* Navigation Second Level */
#nav li ul{
position:absolute;
background:#222;
display:none;
height:auto;
width:210px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
margin-left:-3px;
}
#nav li:hover ul{
display:block;
}
#nav li li:hover {
font-weight: 800;
}
#nav li li {
display:block;
float:none;
width:210px;
}
#nav li ul a{
text-align:left;
display:block;
height:35px;
padding:0px 10px 0px 25px;
}