chrizzTs
Neues Mitglied
Hallo Zusammen,
ich habe einen Div, indem eine Navigationsleiste liegt. Diese Navigationsleiste soll ein Dropdown mittel Hover haben.
Das Div, ist jedoch nur so hoch, wie die Navigationsleiste ohne ausgeklappem Untermenü. Nun ist das Problem, dass wenn ich das Menp ausklapp,e dass es nicht aus dem Div ausbricht und vollständig sichtbar ist.
Hier mal ein Bild um es zu verdeutlichen:
Ich würde gerne dass sich die Leiste Panamera etc. über alles legt.
Hier mal mein Html Code:
Dazu noch mein CSS Code:
Ich habe das ganze schon mit dem z-index probiert aber das macht irgendwie auch alles nichts!
Ich hoffe ihr könnt mir hlefen.
Vielen Dank :)
ich habe einen Div, indem eine Navigationsleiste liegt. Diese Navigationsleiste soll ein Dropdown mittel Hover haben.
Das Div, ist jedoch nur so hoch, wie die Navigationsleiste ohne ausgeklappem Untermenü. Nun ist das Problem, dass wenn ich das Menp ausklapp,e dass es nicht aus dem Div ausbricht und vollständig sichtbar ist.
Hier mal ein Bild um es zu verdeutlichen:
Ich würde gerne dass sich die Leiste Panamera etc. über alles legt.
Hier mal mein Html Code:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!--Der Gesamte Header: -->
<div id="header-wrapper" class="container">
<!-- Überschrift der Seite -->
<div id="logo">
<h1><a href="Index.php">Automuseum Mannheim</a></h1>
</div>
<!-- Menüleiste -->
<nav id="menu">
<ul id="navigation">
<li><a href="index.php" title="Home">Home</a></li>
<li><a href="#" title="Ausgewählte Exponate">Ausgewählte Exponate</a>
<ul id="exponateListe">
<li><a href="index.php" title="">Panamera</a></li>
<li><a href="index.php" title="">911er</a></li>
<li><a href="index.php" title="">Bugatti</a></li>
</ul>
</li>
<li><a href="#" title="Öffnungszeiten">Öffnungszeiten und Preise</a></li>
<li><a href="webshop.php" title="Shop">Shop</a></li>
<li><a href="Kontakt.php" title=Kontakt"">Kontakt</a></li>
<li><a href="#" title="Spiele">Spiele</a></li>
<li><a href="guestbook.php" title="Gästebuch">Gästebuch</a></li>
</ul>
</div>
</nav>Dazu noch mein CSS Code:
Code:
#menu
{
clear: left;
}
#menu a
{
text-decoration: none;
color: #FFF;
font-size: 0.90em;
font-weight: 600;
text-transform: uppercase;
display: block;
padding: 1.1em 1em;
}
/*Verbinden der einzelnen Menüpunkte zu einer Leiste*/
#navigation li
{
background: #ff8a0e;
text-align: center;
position: relative;
float: left;
list-style: none;
}
#exponateListe
{
position: absolute;
}
#exponateListe a
{
padding: 1.1em 0.3em;
}
#exponateListe li
{
float: none;
display: block;
}
#navigation li:hover{
background: #ffa442;
}
#header-wrapper
{
position:fixed;
overflow: hidden;
padding: 0.5em 0.5em 0.5em 0.5em;
background: url(images/bg01.jpg) repeat-x center top;
border-bottom: 15px solid rgba(0,0,0,.5);
height: 200px;
z-index: 100;
}
.container
{
margin: 0px auto;
width: 1000px;
position: relative;
}
******************************************************************************/
#logo
{
}
#logo h1
{
display: inline-block;
padding: 0.10em 0.9em;
background: #000;
font-size: 3em;
}
#logo a
{
text-decoration: none;
color: #FFF;
}
#logo span
{
display: block;
text-transform: uppercase;
font-size: 0.90em;
color: rgba(255,255,255,0.5);
}
#logo span a
{
color: rgba(255,255,255,0.8);
}
html, body
{
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
background: #404040;
font-family: 'Quicksand', sans-serif;
font-size: 12pt;
font-weight: 400;
color: #000000;
}
h1, h2, h3
{
margin: 0;
padding: 0;
color: #404040;
}
p, ol, ul
{
margin-top: 0;
}
ol, ul
{
padding: 0;
list-style: none;
}Ich habe das ganze schon mit dem z-index probiert aber das macht irgendwie auch alles nichts!
Ich hoffe ihr könnt mir hlefen.
Vielen Dank :)
