Hallo
Ich hoffe von euch eine Anregung zu bekommen für ein Problem das ich habe. Die Suche in den Foren Archiven haben eher wenig gebracht.
Und zwar möchte ich in einem (flexiblen) Frame ein Hintergrundbild rechts oben fixiert positionieren. Das funktioniert auch einwandfrei.
background-image:url('bilder/rechtes.jpg');
background-attachement:fixed;
background-position:top right;
background-repeat:no-repeat;
Allerdings verschiebt der Browser das Hintergrundbild jedes mal nach links bei erscheinen des vertikalen Scrollbar, wenn der Inhalt über die Seitenhöhe hinausreicht. Das ist nun mein Problem, weil der Hintergrund ein Teil eines Bildes ist das im darüberliegenden Frame anfängt und der automatische Scrollbar auch gewünscht ist.
Ich habe schon versucht, einmal das Hintergrundbild und einmal den Inhalt in verschiedene Frames zu packen und hatte damit auch Erfolg, jedenfalls in Firefox und IE. In anderen Browsern zB Conquerer erscheinen dann doppelte Scrollbalken. Und außerdem war das Scrollen mit dem Mausrad in dem Inhalts-div nicht mehr möglich, jedenfalls in Firefox.
<body topmargin="0" leftmargin="0" style="background-color:#000000; color:#ffffff; overflow:visible;">
<div style="position:absolute; right:0px;top:0px; overflow:hidden;"><img src="bilder/rechtes.jpg"></div>
<div style="position:absolute; left:0px;top:0px; width:100%; height:100%; overflow:auto;">
INHALT
</div>
Nun meine Frage: Kennt jemand eine Möglichkeit das Hintergrundbild rechts im body(oder anders) zu positionieren ohne das ein Scrollbar Einfluss nimmt und das in allen aktuellen Browsern?
Gruß ... Mathias