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:

Myhar

Hat es drauf

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

Passe den z-index für dein Untermenü an, dann wird es korrekt angezeigt.
 

Niksda

Designgrieche

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:

Niksda

Designgrieche

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

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

Jemand ne andere Idee?
 

mrvain2k5

Noch nicht viel geschrieben

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
 

Niksda

Designgrieche

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.
 

mrvain2k5

Noch nicht viel geschrieben

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

@niksda, bei mir funzt es... und seit deiner änderung auch offiziel auf FF 19
 

Niksda

Designgrieche

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...
 

mrvain2k5

Noch nicht viel geschrieben

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

Was ist Chrome...!? ;-)

Probiermal bei #breadcrumwrap { -> den z-index auf -1
 

mindraper

me[code].Java(Script)

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

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben