nicht angemeldet
Hintergrundbild "fixed" beim IE funktioniert nicht!?
Hallo,
ich hoffe mir kann hier geholfen werden.
Folgendes Problem:
Ich habe unabhängig vom body Hintergrund versucht zusätzlich ein Hintergundbild, als Wasserzeichen, in einen div Bereich zu platzieren. Dieses soll aber nicht beim scrollen mitlaufen sondern fest stehen bleiben.
Die CSS Datei sieht folgendermassen aus:
body {
background: url(bilder/bg.gif);/*HG-Bild über die gesamte Seite*/
}
#div_bereich {
background: url(bilder/bild.gif) no-repeat fixed center center;/*Wasserzeichen in der Mitte*/
/*die "ausführlichere" Schreibweise funktioniert auch nicht*/
hier dann die Schriftformatierung usw. ...;
}
Im HTML Dokument sieht das dann so aus:
<html>
...
<body>
<div id="div_bereich">
<p>viel Text...</p>
</div>
</body>
</html>
So im Mozilla Firefox und im Opera funktioniert das, aber beim IE scrollt das "Wasserzeichen" immer mit.
Was ist verkehrt oder kann der IE damit nicht umgehen?
Gruß Torsten
-
Hi Torsten
Ich habe unabhängig vom body Hintergrund versucht zusätzlich ein Hintergundbild, als Wasserzeichen, in einen div Bereich zu platzieren. Dieses soll aber nicht beim scrollen mitlaufen sondern fest stehen bleiben.
Was du willst ist: Das Div soll (und mit ihm alle Inhalte) nicht scrollen. Wenn du nur dem Hintergrundbild fixed zuteilst, bleibt dieses zwar im Div stehen, aber das ganze div scrollt mit.
Du musst folglich dem div position:fixed zuweisen, und das wiederum kann der IE nicht, die anderen Browser erkennen, was du willst und verhalten sich entsprechend.MfG, Dennis.
--
Hinweise:
Signatur 1 von 3:
Meine Homepage: http://www.riehle-web.com
Tutorial: http://tutorial.riehle-web.com-
Du musst folglich dem div position:fixed zuweisen, und das wiederum kann der IE nicht, die anderen Browser erkennen, was du willst und verhalten sich entsprechend.
MfG, Dennis.
Hi Dennis,
danke für die schnelle Antwort.
Hm... na das ist ja nun doof. Sah so gut aus...
Was kann der IE überhaupt!?Naja wieder ein paar Stunden über ein neues Design nachdenken...
MfG Torsten
-
Hallo,
position fixed geht auch im IE.
lies dir diesen Artikel durch http://www.fabrice-pascal.de/artikel/posfixedie6/mfg NAG
--
signatur-
Hi nag
position fixed geht auch im IE.
lies dir diesen Artikel durch http://www.fabrice-pascal.de/artikel/posfixedie6/Sie mal einer an!!! Ist zwar ein erhöhter Aufwand, aber für ne größere Seite lohnt
es sich durchaus.MfG, Dennis.
--
Hinweise:
Signatur 1 von 3:
Meine Homepage: http://www.riehle-web.com
Tutorial: http://tutorial.riehle-web.com
-
-
-
-
Die CSS Datei sollte folgendermassen aussehen:
body {
background: url(bilder/bg.gif);/*HG-Bild über die gesamte Seite*/overflow:hidden;}
#div_bereich {position:absolute; top:0; height:100%; left:0; width:100%; background: url(bilder/bild.gif) no-repeat fixed center center;/*Wasserzeichen in der Mitte*/
overflow:auto;}in guten Browsern funktioniert auch folgendes:
html {background: url(bilder/bg.gif);/*HG-Bild über die gesamte Seite*/
overflow:hidden;}body {position:absolute; top:0; height:100%; left:0; width:100%;
background-color:transparent; background: url(bilder/bild.gif) no-repeat fixed center center;/*Wasserzeichen in der Mitte*/
overflow:auto;}Wegen des IE mußt Du aber die 1. Version (mit dem zusätzlichem DIV) nehmen. Die zweite finde ich aber eleganter.
Gruß Avalon