Loading...   Upload Image

content Div +Forum » Webzone » (X)HTML & CSS » content Div +

Neues Thema verfassen Neues Thema

  • DaedalusUser ist offline
    Newbie


    Daedalus

    Registriert: 13.03.2009
    Beitraege: 15

    17.03.2009 um 14:14 Uhr

    Hallo,

    habe ein kleines Problem mit meinen div-containern. Vielleicht kann mir ja jemand helfen :-)

    Also ich habe mir in Photoshop ein Template für ein CMS erstellt und es, erstaunlicher Weise, betrachtet man die Mehrheit die mit diesem CMS arbeiten, anstatt in Tabellen in Div-Container gepackt. Da meine letzten Arbeiten an einer Homepage schon ein paar Jährchen zurückliegen sitze ich in einer kleinen Zwickmühle.

    Ich habe den Slice für den Content in der Mitte, aber außen noch zwei weitere Divs mit den "Puffern":



    So. Die beiden grauen Flächen sollen sich (inklusive dem schwarzen Rand) ebenfalls wiederholen, wenn sich der Content ausweitet. Tun dies aber leider noch nicht.

    Ich habe um den kompletten Content Bereich noch einen Div gelegt und die 3 Grafiken eben dann in den andern divs darin positioniert. Leider läuft nun weder der Content oder die Puffer mit dem Inhalt :(



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    17.03.2009 um 21:02 Uhr

    Im Prinzip brauchst du nur 2 Div Container fuer dein Vorhaben.

    Ein Container bekommt die Hintergrundgrafik zugewiesen, die sich wiederholen soll, und der andere Container enthaelt dann nur den reinen Text vom Content.

    Dein Div mit dem Content steckst du in das Div mit der Hintergrundgrafik, so wird gewaehrleistet, dass sich deine Hintergrundgrafik dann immer so lange wiederholt, wie der Content lang ist.

    Sprich so:

    <div id="warper">
    <div id="content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </div>
    </div>


    Ich hoffe das hilft dir weiter ...

    Liebe Gruesse
    Alice



    ... { signatur } ...
  • DaedalusUser ist offline
    Newbie


    Daedalus

    Registriert: 13.03.2009
    Beitraege: 15

    18.03.2009 um 10:15 Uhr

    Hey. Erstma entschuldigung für die blöde Threadüberschrift, die ich irgendwie verhunzt habe.

    So und jetzt danke. War mal wieder ein typisches Beispiel von der beliebten Serie "Warum einfach, wenns auch kompliziert geht".




[ 1 ] Seite 1 von 1


Affiliates:   Design Grafixx  •   Pat DG  •   Gallery Yuri  •   Chibi Graphics  •   Blue-Graphics  •   The Seduction  •   Colorful Gfx  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider