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: