Designgrieche
Hey Leute,
blick grad mal wieder nicht durch
.
Kann mir jemand sagen warum die Breadcrumb über dem Dropdownmenü angezeigt wird?
Danke, Niksda.
blick grad mal wieder nicht durch
.Kann mir jemand sagen warum die Breadcrumb über dem Dropdownmenü angezeigt wird?
PHP:
<?php
require ('required/head.php');
require ('required/nav.php');
require ('required/breadcrumb.php');
require ('required/content.php');
require ('required/footer.php');
?>
HTML:
<body>
<header>
//[...]
</header>
<div id="breadcrumbwrap">
<div id="breadcrumb">
Sie befinden sich hier: <a href="http://www.niksda.cwsurf.de">Startseite</a><b> > Index</b></div>
//[...]
</body>
</html>
Code:
/* Layout */
navwrap{
z-index: 2;
width: 100%;
position: fixed;
top: 0px;
}
#top{
position: fixed;
top: 0px;
width: 100%;
height: 40px;
background:url(../img/bg_kachel_blau.png);
background-repeat:repeat-x;
-webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
}
#mid{
z-index: -2;
position: relative;
top: 60px;
margin: 0 auto;
width: 1000px;
}
#bot{
position: relative;
bottom: 0px;
width: 100%;
height: 40px;
background:url(../img/bg_kachel_blau.png);
background-repeat:repeat-x;
}
#nav{
z-index: 3;
margin: 0 auto;
width: 1000px;
height: 40px;
background:url(../img/bg_kachel_blau.png);
background-repeat:repeat-x;
}
#breadcrumbwrap{
z-index: 0;
position: fixed;
top: 40px;
margin: 0 auto;
width: 100%;
background-color: #FFF;
}
#breadcrumb{
position: relative;
left: 70px;
margin: 0 auto;
width: 860px;
height: 12px;
background-color: #FFF;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;
}
#side{
z-index: -1;
width: 140px;
height: 2000px;
background-color:#FFF;
float: left;
}
#content{
z-index: -1;
position: relative;
left: 0px;
width: 860px;
height: 2000px;
background-color:#BBB;
float: left;
}
#news{
width: 400px;
height: 500px;
background-color:#CCC;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 10px;
float: left;
}
#plans{
width: 400px;
height: 500px;
background-color:#DDD;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 20px;
float: left;
}
#post{
width: 400px;
height: 95px;
margin-bottom: 5px;
background-color:#EEE;
float: left;
}
#sneak{
width: 255px;
height: 95px;
background-color:#EEE;
margin-left: 10px;
float: left;
}
footer{
width: 100%;
position: fixed;
bottom: 0px;
}
Danke, Niksda.
Zuletzt bearbeitet: