N
nilau88
Guest
Hallo,
wie der Titel schon sagt, hab ich ein Problem mit meinem Dropdown-Menü.
Die aufklappbaren Elemente verschwinden hinter der Slideshow.
Ich habe schon alles mögliche mit z-index versucht, aber das Menü will sich einfach nicht vor die Bilder setzen
Hoffe ihr könnt mir weiterhelfen...
Hier die relevanten Codes:
HTML:
<div id="overall">
<div id="container">
<div id="header">
<div class="inheader">
<jdoc:include type="modules" name="menu" />
</div>
</div>
<div id="content">
<div class="incontent">
<div id="image">
<div class="inimage">
<jdoc:include type="modules" name="image" />
</div>
</div>
</div>
</div>
CSS:
div#overall {background:url(../images/bg.jpg) no-repeat center top; height:100%; margin:0 auto; text-align:left;
width:1024px;}
div#container {text-align:left; position: static; z-index: 5000; }
div#header {
height:150px; overflow: hidden; position: static; z-index: 3000; }
div#content {
width:1024px; position: static; z-index: 4000;}
div#image {
height: 310px; width: 1024px; }
Das Menü befindet sich im header-Bereich und das Show im Content-Bereich.
Vielen Dank schonmal für eure Hilfe
Mfg Nils
wie der Titel schon sagt, hab ich ein Problem mit meinem Dropdown-Menü.
Die aufklappbaren Elemente verschwinden hinter der Slideshow.
Ich habe schon alles mögliche mit z-index versucht, aber das Menü will sich einfach nicht vor die Bilder setzen
Hoffe ihr könnt mir weiterhelfen...
Hier die relevanten Codes:
HTML:
<div id="overall">
<div id="container">
<div id="header">
<div class="inheader">
<jdoc:include type="modules" name="menu" />
</div>
</div>
<div id="content">
<div class="incontent">
<div id="image">
<div class="inimage">
<jdoc:include type="modules" name="image" />
</div>
</div>
</div>
</div>
CSS:
div#overall {background:url(../images/bg.jpg) no-repeat center top; height:100%; margin:0 auto; text-align:left;
width:1024px;}
div#container {text-align:left; position: static; z-index: 5000; }
div#header {
height:150px; overflow: hidden; position: static; z-index: 3000; }
div#content {
width:1024px; position: static; z-index: 4000;}
div#image {
height: 310px; width: 1024px; }
Das Menü befindet sich im header-Bereich und das Show im Content-Bereich.
Vielen Dank schonmal für eure Hilfe
Mfg Nils