|
|||
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> 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 |
Sponsored Links |
|
||||
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? |
Sponsored Links |
Stichwörter |
content, header, überlappen, überlappung, z-index |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |