background-image + Text die Zweite

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

 

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.

 

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