• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Layer übereinander Platzieren bei relativer Positionierung

Status
Für weitere Antworten geschlossen.

Aboq

Neues Mitglied
Hallo,

Ich kann leider keinenfalls die absolute Platzierung verwenden da ansonsten die Texte nichtmehr inerhalb des scrollbaren Rahmens sind.

Wie entferne ich also die texte aus dem Textfluss behalte sie aber im Rahmen. So komisch das erstmal auch klingen mag ^^ ich will alle Texte übereinander haben und trotzdem noch im Rahmen.

Code:
<html>
	<body bgcolor="white">
		<div id="rahmen" style="color: beige; width:250px; height:250px; overflow: scroll">
			<span id="foreground">
				<span id="text1" style="color: black; position:  relative; top:0px; left:0px; float: left;">
					Text 1
				</span>
				<span id="text2" style="color: black; position: relative; top:0px; left:0px; float: left;">
					Text 2 (soll Text überlagern) (nicht im Textfull aber trotzdem !relativ!)
				</span>
			</span>
			<span id="background">
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<br />
				XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
				Der Hintergrund soll alles aus dem Vordergrund überlagern (auch wenn das jetzt komisch klingt ;))
			</span>
		</div>
	</body>
</html>
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben