[CSS] Hilfe bei CSS Design (mit Beispiel)

Dieses Thema im Forum "Webdesign" wurde erstellt von everniZe, 6. August 2009 .

  1. 6. August 2009
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    Hilfe bei CSS Design (mit Beispiel)

    Guten Tag,

    bräuchte einmal Hilfe wenn es geht wenn mir jemand eine Layout-Datei / Beispiel Datei
    für das folgende geben könnte:

    cssvorlage.jpg
    {img-src: //img195.imageshack.us/img195/6065/cssvorlage.jpg}


    Weiß echt nicht wie ich das umsetzen soll...
    Die ganze Seite soll halt zentriert sein, alles was nach links und rechts weiter ist soll halt mit der weißen fläche und den roten balken sich erweitern... das kann man ja als hintergrund machen..

    aber das Problem ist das halt auch der Inhalt mit dem weiß immer eine feste pixel größe hat und immer in der mitte des bildschirms sein soll...

    kA wie ich das genau machen soll....

    FÜr jede Hilfe=rep

    Danke!
     
  2. 7. August 2009
    AW: Hilfe bei CSS Design (mit Beispiel)

    HTML:
    <html>
     <head>
     <title>Bsp</title>
     </head>
     <body>
     <div style="background-color: red; width: 100%">Oben</div>
     <div style="float: left; height: 100px; width: 20%;">Links</div>
     <div style="float: left; height: 100px; background-color: black; width: 60%;">Zentriert</div>
     <div style="float: left; height: 100px; width: 20%;">Rechts</div>
     <div style="clear: both;"></div>
     <div style="background-color: red; width: 100%">Unten</div>
     </body>
    </html>
    So ungefähr. Hab hier und da mal ein paar feste Größen drin, aber nur, damit man es besser sehen kann. Ich würde jedoch nicht mit Prozentangaben arbeiten.
     
  3. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.