nicht angemeldet
Bilder fixieren mit IE <=6 läßt GAR NICHT mehr scrollen.
Hallo Leute,
viele der hier veröffentlichten Einträge haben mir schon oft weiterhelfen können, nur leider habe ich jetzt ein Problem, welches ich selbst nicht lösen kann.
Zum eigentlichen Problem:
Beim Erstellen einer Web-Site habe war ich zunächst mit Frames am Werkeln, allerdings ist es zu umständlich ein gesamtes Hintergrundbild in einzelne Teile aufzuteilen, diese als jeweiligen Hintergrund dem Frame zuzuweisen und bei einer zukünftigen Änderung des Bildes erneut die Aufteilung vorzunehmen.
Also suchte ich nach anderen Lösungen und fand schließlich die Möglichkeit der Fixierung von Bildern. "Super", dachte ich mir, jedoch findet diese Methode nicht bei jedem Browser Unterstützung.
Der wohl mit am meisten verwendete Browser ist nun mal der MS IE. Und genau dieser unterstützt bis Version 6 das Fixieren nicht.
Somit habe ich nach einer Lösung des Problems gesucht, denn die zu erstellende Seite soll nicht nur in manchen Browsern angezeigt werden können.
Daß die Objekte, die fixiert werden, auch dann keine Scrollleiste erzeugen, wenn sie außerhalb des angezeigten Bereichs positioniert sind, ist mir bewußt, aber in meinem Quelltext habe ich einen Scrollbereich definiert, der leider nur Texte aber keine Bilder die vertikale Scrollleiste hervorrufen läßt.
Wie kann ich nun eine Grafik auf der Seite platzieren, die gescrollt wird?
Muß ich den zu scrollenden Bereich von der Größe her festlegen, damit der MS IE die Scrollleiste überhaupt anzeigt?
Hier nun der Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"><html>
<html>
<head>
<title>
Jam-Dive
</title>
<style type="text/css">
body {
background-image:url("images/palmen.jpg");
background-repeat:no-repeat;
background-attachment:fixed; padding:10px;
margin: 0; padding: 0;
}
html {
padding: 0;
}
</style>
<!--[if IE]><style type="text/css">
@media screen {
html, body {
height: 100%; overflow-y: hidden;
}
#Scrollarea {
height: 100%; width: 100%; overflow: auto;
}
#fixed {
position: static;
}
}
</style><![endif]-->
</head>
<body>
<div id="Scrollarea">
<img
style="
POSITION: absolute;
LEFT: 20px;
WIDTH: 200px;
TOP: 250px;
HEIGHT: 60px;"
src= "Bild1.jpg"
>
</div>
<div id="fixed">
<img
style="
POSITION: absolute;
TOP: 250px;
LEFT: 300px;
width: 200px;
HEIGHT: 150px;
alt= ""
src= "Bild2.jpg"
>
</div>
</body>
</html>
-
Tach...
Aus selfhtml
Netscape 4.x interpretiert diese Angabe nicht, Internet Explorer bis Version 6 nur bezogen auf scrollbare Elemente (dem body-Element oder anderen mit der CSS-Eigenschaft overflow:scroll bzw. overflow:auto).MfG
ich