✔ z-index problem

S

sharK223

Mitglied
hey leute,

Ich hab n problem mit meiner Seite. Ich wollte aus lange weile und neugier
UND weil ich gehört habe das das besser sein soll einfach mal mit <div>-tags anstelle von <table>-tags arbeiten. Is auch besser muss ich jetzt ma sagen ^^.
Nur leider will ich meine Navi-leisten an den Seiten ein stück unter der leiste oben setzen. Fals dort gescrollt wird kommt das besser wegen dem Schatten.
nur irgentwie klappt das nicht...

Hier der Link:
http://shark223.bplaced.de/dloads/

Hier der Code:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body style="margin:0;" bgcolor="909090">

<div style="z-index:1;">
<table width="100%" style="border:0; border-collapse: collapse;">
<tr>
<td rowspan="2" style="background-image:url('./images/up_left.png');" width="278" height="210">
</td>
<td style="background-image:url('./images/up_middle.png');" height="150">
</td>
<td rowspan="2" style="background-image:url('./images/up_right.png');" width="279"  height="210">
</td>
</tr>
<tr>
<td style="background-image:url('./images/up_middle2.png');" height="70">
</td>
</tr>
</table>
</div>
<div style="position:absolute; top:1; left:50%; margin-left:-500;"><img src="./images/logo.png" height="149"></div>
<div style="position:absolute; left:0; Top:150; z-index:2; "><table style="background-image:url('./images/bg_navi_left.png');" width="279" height="1000"><tr><td></td></tr></table></div>
<div style="position:absolute; right:0; Top:150; z-index:2; "><table style="background-image:url('./images/bg_navi_right.png');" width="279" height="1000"><tr><td></td></tr></table></div>
</body>
</html>

was stimmt den damit nicht?
 
sharK223 hat gesagt.:
was stimmt den damit nicht?
Zum Vergrößern anklicken....
Schwer zu sagen, was damit nicht stimmt, wenn man als Außenstehender den Soll-Zustand überhaupt nicht kennt.

Dafür, dass du ohne Tabelle arbeiten wolltest, stecken aber noch recht viele im Code, die dort semantisch überhaupt keine Daseinsberechtigung besitzen.

mfg Maik
 
Naja ich wollte eben das die beiden Leisten an den Seiten unter der Headleiste ist.

Das mit den Tabellen ist ja nur damit es oben ein wenig... ach das war nur gewohnheit :p .
Ich mach das alles sowieso noch mit "include". Dann mach ich das auch mit <div>

Im moment sind die Seitenleisten nähmlich über der Headleiste. Das soll andersrum sein.
 
z-index funktioniert nur in Verbindung mit der position-Eigenschaft (absolute oder relative).

Einen Erfolg, die Schichtpositionen auszutauschen, erzielst du hiermit:
Code: 
<div style="z-index:2;position:relative;">
...
</div>
...
<div style="position:absolute; left:0; top:150px; z-index:1;">...</div>
<div style="position:absolute; right:0; top:150px; z-index:1; ">...</div>


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück