nicht angemeldet
Positionieren am Fensterrand OHNE Scrollbalken
Hallo,
ich habe ein horizontal zentriertes background-image im body-tag und ein horizontal zentriertes Rahmen-Div für diversen Inhalt. Links und rechts dieses Rahmens möchte ich gerne einzelne kleine Bildelemente positionieren, ohne dass es Window-Scrollbalken gibt, bevor man das Fenster auf eine Breite unterhalb der Rahmen-Div-Breite verkleinert. Dabei darf sich ausserdem der seitlichen Abstand der Bilder zum Rahmen nicht verändern.
<body style="background: #000 url(background.jpg) repeat-y center top;">
<div id="rahmen" style="margin:0px auto; width:861px; height:1254px; overflow:hidden;">
<!-- Diverser Inhalt -->
</div>
<div id="seitenbild" style="height:45px; left:50px; position:absolute; top:99px; width:51px;">
<img src="seitenbild.png" />
</div>
</body>
Kann mir da jemand weiterhelfen?
Vielen Dank.
-
Hallo!
Hallo,
ich habe ein horizontal zentriertes background-image im body-tag und ein horizontal zentriertes Rahmen-Div für diversen Inhalt. Links und rechts dieses Rahmens möchte ich gerne einzelne kleine Bildelemente positionieren, ohne dass es Window-Scrollbalken gibt, bevor man das Fenster auf eine Breite unterhalb der Rahmen-Div-Breite verkleinert. Dabei darf sich ausserdem der seitlichen Abstand der Bilder zum Rahmen nicht verändern.Das ist, wenn ich richtig denke, nicht möglich, da bei nur geringfügig höherer Breite (relativ zur Breite des Rahmens) entweder ein Scrollbalken oder eine Überlappung stattfindet.
<body style="background: #000 url(background.jpg) repeat-y center top;">
<div id="rahmen" style="margin:0px auto; width:861px; height:1254px; overflow:hidden;">
<!-- Diverser Inhalt -->
</div><div id="seitenbild" style="height:45px; left:50px; position:absolute; top:99px; width:51px;">
<img src="seitenbild.png" />
</div></body>
Wieso absolute Positionierung?
Liebe Grüße aus Norddeutschland.
--
ie:{ fl:( br:> va:} ls:[ fo:| rl:? n4:~ ss:) de:> js:| ch:? sh:( mo:) zu:)-
Das ist, wenn ich richtig denke, nicht möglich, da bei nur geringfügig höherer Breite (relativ zur Breite des Rahmens) entweder ein Scrollbalken oder eine Überlappung stattfindet.
Ja, vielleicht ist es gar nicht möglich, aber schön wäre es ;-)
<body style="background: #000 url(background.jpg) repeat-y center top;">
<div id="rahmen" style="margin:0px auto; width:861px; height:1254px; overflow:hidden;">
<!-- Diverser Inhalt -->
</div><div id="seitenbild" style="height:45px; left:50px; position:absolute; top:99px; width:51px;">
<img src="seitenbild.png" />
</div></body>
Wieso absolute Positionierung?
Genau das steht natürlich zur Debatte. Weder absolute noch relative Positionierung lösen hier auf Anhieb das Problem. Das Bild in den Rahmen zu schachteln geht auch nicht, wegen der festen Breite desselben.
Also aussichtslos?
Danke auf jeden Fall für die Antwort!
-