zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Z index funktioniert nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.07.2015, 23:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.07.2015
Beiträge: 9
Humpelhirn befindet sich auf einem aufstrebenden Ast
Unglücklich Z index funktioniert nicht

Hallo liebe Leute,

leider liegt in meiner webseite der header unter dem inhalts div.
Ich habs schon mit dem z-index versucht, aber das funktioniert leider nicht.

Ich poste euch mal den code und verlinke meine seite.
Schonmal vielen dank im vorraus

HTML-Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>blabla</title>
<link href="viktor.css" rel="stylesheet" type="text/css">
</head>

<body>
<header>
  <nav>
  <ul>
  <li><a href="#">Startseite</a></li>
  <li><a href="#">Shop</a></li>
  <li><a href="viktor2.html">Über das Buch</a></li>
  <li><a href="#">Kontakt</a></li>
  <li><a href="#">Impressum</a></li>
  </ul>
  </nav>
</header>
<div id="center">
  <section id="box1" class="box">
  <h2>Leserrezension</h2>
  <p>Dieses Buch ist das Beste das ich je gelesen habe.Dieses Buch ist das Beste das ich je gelesen habe. Dieses Buch ist das Beste das ich je gelesen habe. Dieses Buch ist das Beste das ich je gelesen habe. Dieses Buch ist da... </p>
  
  </section>
</div>
<footer></footer>
</body>
</html>
Css:
Code:
@charset "utf-8";

*{margin:0;pedding:0;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	}
body{
	background-position: center 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(texture-background-pattern_1920x1080_sc.jpg);
}
#center {z-index:30;
	width: 1100px;
	min-height: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0,0,0,0.6);
	box-shadow: inset 101px 10px 57px -111px rgba(255,255,255,1), inset -100px -11px 57px -111px rgba(255,255,255,1);
	margin-top: 50px;
	position: relative;
}
		 
header {width:100%;
      height:50px;
	  background-color:#000000;
	  box-shadow: inset -37px -126px 41px -130px rgba(255,255,255,0.66);
	  position:fixed;
	  top:0;
	  
  }
nav ul li {
	
	
	list-style-type: none;
	font-size: 20px;
	float: left;
	padding-right: 50px;
	padding-left: 65px;
	padding-top: 14px;
	
	}
nav ul li a {
	color: rgba(255,255,255,0.22);
	text-shadow: -1px -1px 1px rgba(242, 242, 242, 0.2);
	text-decoration: none;	
	}
nav {z-index:100 !important;
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	height: 50px;
}
footer {width:100%;
        height:50px;
		background-color:#000000; 
		box-shadow: inset -37px 126px 41px -130px rgba(255,255,255,0.66);
		
 }
 .box {
	 z-index:60;
	background-color: rgba(229,208,145,0.63);
	border-radius: 26px;
	
	 }
 #box1 {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 20px;
	left: 20px;
	padding-left: 0px;
	 }
#box1 h2  {
	padding-left: 29px;
	padding-top: 11px;
	padding-right: 19px;
}
#box1 p {
	padding-left: 29px;
	padding-right: 19px;
	padding-top: 9px;
}

die webseite:viktor
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.07.2015, 00:28
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Das Einzige, was hier einen z-index braucht ist der header, alles andere braucht keinen.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.07.2015, 00:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.07.2015
Beiträge: 9
Humpelhirn befindet sich auf einem aufstrebenden Ast
Standard

Ich idiot habe header mit nav verwechselt.. blöder schusselfehler^^
ich danke dir, jetzt funktionierts
Mit Zitat antworten
Antwort

Stichwörter
content, header, überlappen, überlappung, z-index

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Submit per JS funktioniert nicht bei Galaxy Note MyPass Javascript & Ajax 9 21.02.2012 12:04
Funktionsaufruf bei onclick-Event funktioniert nicht Ulixes Javascript & Ajax 28 18.12.2011 21:59
Link zu externen Schriften funktioniert nicht css-Anfänger CSS 6 18.07.2011 20:18
Umleitung mittels htaccess und redirect funktioniert nur für Startseite Holley Serveradministration und serverseitige Scripte 3 26.01.2011 10:56
dtd und css in php funktioniert im IE nicht!!! da-lick CSS 17 09.06.2007 16:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:46 Uhr.