background-image + Text die Zweite

Dieses Thema im Forum "Web Page Design" wurde erstellt von kaifreund, 29.12.2004.

  1. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    MacUser seit:
    30.07.2004
    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 von einem Moderator bearbeitet: 25.10.2015
  2. BEASTIEPENDENT

    BEASTIEPENDENT MacUser Mitglied

    Beiträge:
    1.948
    Zustimmungen:
    5
    MacUser seit:
    26.10.2003
    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.
     
  3. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    MacUser seit:
    30.07.2004
    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
     
Die Seite wird geladen...

Diese Seite empfehlen