background-image + Text die Zweite

kaifreund

Mitglied
Thread Starter
Mitglied seit
30.07.2004
Beiträge
52
Nochmal zu dem Thema ...

Wie kann ich über ein zentriertes! background-image (margin:auto) einen Blocksatztext legen der nicht an die linke Kante des background-images anstösst?
-Anders: der Blocktext soll zum Hintergrundbild einen linken und rechten Randabstand haben aber trotzdem zentriert sein (padding ist nicht da dann das Bild spinnt)...
Also zwei verschiedene styles?
z-index?
Tabellen?

Ich finde leider nichts dazu was passt kann Jemand helfen?

http://glimpse.de/weltmarkt/

Gruesse kai
 
Zuletzt bearbeitet von einem Moderator:

BEASTIEPENDENT

Aktives Mitglied
Mitglied seit
26.10.2003
Beiträge
2.067
entweder preformatted text benutzen (uralter befehl, ziemlich out of date AFAIK) oder den text in eine tabelle setzen; dann kannst du über den zellabstand {padding des textes} u.ä. den abstand genau definieren.
 

kaifreund

Mitglied
Thread Starter
Mitglied seit
30.07.2004
Beiträge
52
Habe die Lösung. Sehr einfach, ohne Tabelle und sehr flexibel. Zwei divs in Verbindung mit z-index.

Code:
.background{
z-index:0;
margin:auto;
background: url(../pics/hintergrund.jpg) no-repeat center;
width:1000px;
height:304px;
}

.inhalt{
z-index:1;
margin:auto;
padding-top:10px;
padding-bottom:10px;
text-align: justify;
width:700px;
height:304px;
}{

HTML:
<div class="background">
<div class="inhalt">
Der Schreibtisch ist fast leer.... :-)
</div></div>
Ich danke Euch!
kai