Antworten auf deine Fragen:
Neues Thema erstellen

HTML / CSS : Finde den Fehler im Code...

Niksda

Designgrieche

Hey Leute,
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:

AW: HTML / CSS : Finde den Fehler im Code...

Passe den z-index für dein Untermenü an, dann wird es korrekt angezeigt.
 
AW: HTML / CSS : Finde den Fehler im Code...

Das muss doch die Eigenschaft vom Parent übernehmen, oder?

Also irgendwie klappts immer noch nicht. Kannst du nochmal erläutern wie du das genau meinst?
 
Zuletzt bearbeitet:
AW: HTML / CSS : Finde den Fehler im Code...

Hab den z-index angepasst, hat sich aber nichts verändert...

Jemand ne andere Idee?
 
AW: HTML / CSS : Finde den Fehler im Code...

unterhalb von footer z-index von 1 auf 2 dann sollte es gehen!

#nav .menu, #nav .menu ul, #nav .menu li, #nav .menu a {
border: medium none;
margin: 0 auto;
outline: medium none;
padding: 0;
z-index: 2;
}
 
AW: HTML / CSS : Finde den Fehler im Code...

Moin.

Muss denn dieses :
<div id="breadcrumb"> Sie befinden sich hier: <a href="http://www.niksda.cwsurf.de">Startseite</a><b> > Index</b></div>

unbedingt drin sein?

Durch den banner weiss man doch wo man ist.

Ich hab den mal rausgenommen und da gehts.


Mfg
 
AW: HTML / CSS : Finde den Fehler im Code...

Was meinst du mit Banner? Die Breadcrumb soll drin bleiben. Es werden mal ein Haufen dynamischer Seiten eingebunden werden.
Also wie gesagt mit dem z-index anpassen hats nicht funktioniert.
 
AW: HTML / CSS : Finde den Fehler im Code...

Ok jetzt haben wirs fast ;),
Bei mir gehts mit Firefox, Safari und IE, Chrome allerdings immer noch nicht...
 
AW: HTML / CSS : Finde den Fehler im Code...

hi

schonmal "top" einen z-index von 3 gegeben anstatt "nav"? dann funzt's auch im chrome.

@mrvain2k5:
och, google chrome ist "nur" so ein browser mit einer durchschnittlichen verbreitung von 40% weltweit. könnte man ggf. auch unter den tisch fallen lassen ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
119.020
Beiträge
1.540.423
Mitglieder
23.193
Neuestes Mitglied
alexOptovkin
Oben