• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit z-index und Hyperlinks

Bura

Bura

Neues Mitglied
Habe folgendes Problem:

Habe zwei DIV-Container verschachtelt. Den Hauptcontainer mit "z-index:100", den anderen mit einer niedrigeren "z-index".
Nun funktionieren in diesen die Links nicht mehr. (Kann sie nicht mehr anklicken...)

Schon gegoogelt, aber...

Wer weiß da was?
 
Ich versteh nicht ganz was du meinst bzw. wie du es meinst.

Auf jeden Fall sind Links generell nicht anklickbar, wenn eine andere Ebene darüber liegt.
 
Danke für die Antworten.

Möchte folgendes erreichen:

Der Inhalt-Container soll beim Hochscrollen unter dem Header wegscrollen. Header soll also ständig sichtbar sein.
Also, so wenn du dieses Forum scrollst, soll oben immer der Header sichtbar sein.
Klappt ja auch so, nur meine Links im Inhalt-Container funzen dann nicht mehr.
Den Header-DIV kann ich auf Grund "position: fixed" nicht mit einem "z-index" belegen.
Somit liegt ja ständig der Hauptcontainer mit der höheren "z-index"-Nummer über dem Inhalt-Container.
Dadurch komme ich nicht an die Links heran.
Und dafür such ich die Lösung.
 
Zuerst den relevanten CSS-Teil:

/** Body
*
* html || Eigenschaften für die gesamte HTML-Seite
* body || Eigenschaften für den <body>-Tag innerhalb einer HTML-Seite
* #container || Umfasst den gesamten Inhalt der Seite (#header / #main (#sub / #inhalt) /) #footer)
*/
html * {margin:0; padding:0; color:#800000;}

body {background-color:#CDAC66; font-family:"comic sans ms"; font-size:10pt; font-weight:normal;}

#container {position:relative; width:900px; margin:0px auto 0px auto; text-align:left; overflow: hidden; z-index:100;}

#header {position:fixed; margin-bottom:5px; background-color:#CDAC66;}

#main {width:900px; margin-top:170px;}

#buttonleiste {width:600px; margin-top:10px; margin-bottom:10px;}

/*** hier ist der Scrollbereich bei langen Seiten */

.inhalt {position:relative; width:760px; margin-left:130px; padding:2px; z-index:-1;}

.........................
Zum Vergrößern anklicken....


XHTML-Dateien als Beispiel hier die Impressum.html von mir: http://www.buracats.de
<!-- INCLUDE header_neu.html -->

<!-- INCLUDE sub.html -->
<div class="inhalt">

.................. Text.....Text ohne Ende.....<br />

Es gilt ausschließlich das maßgebliche Recht der Bundesrepublik Deutschland.<br />
<a href="http://www.juraforum.de"> Juraforum</a>


</div>
<!-- INCLUDE footer.html -->
Zum Vergrößern anklicken....


In der sub.html ist der linke Navi-Bereich.
Die footer.html ist eben falls ohne Relevanz.

Jetzt die header.html:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head>
<link rel="icon" href="../design/img/burafav.gif" type="image/gif" />
<link rel="stylesheet" type="text/css" href="{CSS_PATH}main_neu.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>{PAGE_TITLE}</title>

</head>

<body>

<div id="container">

<div id="header">

<img src="{IMG_PATH}header.jpg" alt="Header-Grafik" width="900" height="100" />


<a href="{L_LOGIN}" class="a_buttonlink2">{T_LOGIN}</a>
<!-- IF S_LOGIN --><a href="{L_PB_INDEX}" class="a_buttonlink2">persönlicher Bereich</a><!-- ENDIF S_LOGIN -->
<!-- IF S_ADMIN --><a href="{L_ADMIN}" class="a_buttonlink2">Administrations-Bereich</a><!-- ENDIF S_ADMIN -->


</div>

<div id="main">
Zum Vergrößern anklicken....

Alles nebensächliche weggelassen...
 
Auf deiner Seite Startseite kann ich das Problem nicht nachvollziehen. Dort geht es in meinem Firefox 9. Hast Du es inzwischen gelöst?

Wenn nicht: #main müsste ggfs. noch

Code: 
position: relative;
z-index: 1;

bekommen.
 
Danke an alle!
Problem gelöst, war auf dem falschen Weg! :-(

Auch mit "position:fixed" definierte Container lassen sich mit "z-index" in der Reihenfolge stapeln! ;)


 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben