ich habe für ein problem mal wieder eine lösung selber gefunden, die wahrscheinlich nicht korrekt ist und jetzt probleme bereitet:
der inhalt meiner seite soll über ein fixes hintergrundbild scrollbar sein. da sich das bild aber nicht wiederholen soll, andererseits aber auch nicht zu groß sein soll, habe ich es in einem div-kasten eingefügt, absolut positioniert und fixiert und die hintergrundfarbe der gesamten hp passend zum bild schwarz gesetzt.
der inhalt ist in einem eigenem div kasten, der per z-index über dem fixierten bild steht. das funktioniert soweit, zumindest im firefox.
nun steht im text aber ein link. und dieser link ist nicht klickbar, wenn er über dem fixierten bild steht. sobald der text außerhalb des bildes scrollt (im moment nicht genügend inhalt im code), ist er klickbar.
was mache ich falsch?
hier vorsichtshalber auch mal mein code:
der inhalt meiner seite soll über ein fixes hintergrundbild scrollbar sein. da sich das bild aber nicht wiederholen soll, andererseits aber auch nicht zu groß sein soll, habe ich es in einem div-kasten eingefügt, absolut positioniert und fixiert und die hintergrundfarbe der gesamten hp passend zum bild schwarz gesetzt.
der inhalt ist in einem eigenem div kasten, der per z-index über dem fixierten bild steht. das funktioniert soweit, zumindest im firefox.
nun steht im text aber ein link. und dieser link ist nicht klickbar, wenn er über dem fixierten bild steht. sobald der text außerhalb des bildes scrollt (im moment nicht genügend inhalt im code), ist er klickbar.
was mache ich falsch?
hier vorsichtshalber auch mal mein code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>boggin homepage</title>
<style type="text/css">
/* allgemeine Angaben */
body { background-color: black; }
/* Hintergrundbild */
#i1 { position:absolute; top:90px; left:200px; width:740px; z-index:1; }
#i2 { position:absolute; top:192px; left:10px; width:170px; z-index:1; border-style: dashed; border-color: silver; border-width: 1px; }
/* Inhalt */
#f1 { position:fixed; top:0px; left:0px; }
#f2 { position:fixed; top:0px; left:0px; z-index:2; }
p.rechts { font-family: Tahoma, sans-serif; color: white; font-size: 11pt; }
p.links { font-family: Tahoma, sans-serif; color: white; font-size: 10pt; padding: 5px; }
p.topicli { font-family: Tahoma, sans-serif; color: white; font-size: 12pt; padding: 5px; }
A:link { color: #ffffff; }
A:visited { color: #ffffff; }
A:hover { text-decoration: line-through; color: #008000; }
A:active { color: red; }
</style>
</head>
<body>
<!-- Hintergrund -->
<div id="f1"><img src="hintergrund.gif" /></div>
<div id="f2"><img src="hintergrund_x.png" /></div>
<!-- Navi -->
<div id="i1"><img src="navi.jpg" /><br /><br />
<!-- Inhalt rechts -->
<p class="rechts"><a href="konzerte.html">blaaaaaaaaaaaaa</a> hkläh hkjlsavh vosh vnklhq gvhkrlöqhg gvnrjlhg jfvnflhg vnklfdugirp fkdlf vbhfkvbjöfkl vbhruiehg dfkvljhrehrehn hkläh hkjlsavh vosh vnklhq gvhkrlöqhg gvnrjlhg jfvnflhg vnklfdugirp fkdlf vbhfkvbjöfkl vbhruiehg dfkvljhrehrehn hkläh hkjlsavh vosh vnklhq gvhkrlöqhg gvnrjlhg jfvnflhg vnklfdugirp fkdlf vbhfkvbjöfkl vbhruiehg dfkvljhrehrehn hkläh hkjlsavh vosh </p></div>
<!-- Inhalt links -->
<div id="i2">
<p class="topicli"><a href="konzerte.html">nächste Gigs</a></p>
<p class="links">
hkläh hkjlsavh vosh vnklhq gvhkrlöqhg gvnrjlhg jfvnflhg vnklfdugirp fkdlf vbhfkvbjöfkl vbhruiehg dfkvljhrehrehn hkläh hkjlsavh vosh vnklhq gvhkrlöqhg gvnrjlhg jfvnflhg vnklfdugirp fkdlf vbhfkvbjöfkl vbhruiehg dfkvljhrehrehn hkläh hkjlsavh vosh vnklhq gvhkrlöqhg gvnrjlhg jfvnflhg vnklfdugirp fkdlf vbhfkvbjöfkl vbhruiehg dfkvljhrehrehn hkläh hkjlsavh vosh vnklhq gvhkrlöehrehn </p></div>
</body>
</html>