Hintergrund mit Text umfließen lassen

Status
Nicht offen für weitere Antworten.

aTa

Erfahrenes Mitglied
Hallo,
folgendes Problem ich hab mit CSS nen BG definiert der immer rechts unten in der Ecke hängt. Jetzt ist aber das Problem, wenn ich viel Text habe, geht der Text einfach drüber und umfließt den BG nicht, ich weiss auch dass Bilder umfließen mit float geht.
Nur dort gehts leider nicht.
Hat jemand ne Ahnung wie man das lösen könnte
Vielen Dank schonmal
Markus

Bisle Code:

Code:
CSS:
.bg_start {
	width: 100%;
	height: 100%;
	background: url(images/start_bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #ffffff;
	float: right;
}
 
Eine Hintergrundgrafik lässt sich nicht durch die float-Eigenschaft umfliessen.

Lösungsvorschlag: den Text mit einem, der Grafikbreite entsprechenden, rechten Außenabstand die Hintergrundgrafik "umfliessen" lassen:

CSS:
.bg_start p { margin-right: 100px; }
HTML:
<div class="bg_start">
 <p>Text, der die Hintergrundgrafik "umfliesst".</p>
</div>
 
Wenn du nicht willst dass der Text über dem Hintergrundbild ist wiso weist du es dann als solches aus

Positionier das Bild doch einfach normal dort wo du es haben willst mit <img> und weise bei bedarf dein float zu dann hast du den gewünschten Effekt.
 
Status
Nicht offen für weitere Antworten.
Zurück