Ergebnis 1 bis 2 von 2

Thema: Komplexes HTML/CSS Layout

  1. #1
    Unregistriert
    Gast

    Frage Komplexes HTML/CSS Layout

    Hallo zusammen!

    Ich kämpfe mit einem (für mich) komplexen HTML/CSS Layout und komme irgendwie nicht so recht vom Fleck.
    Nachdem ich mir einen Wolf gegoogelt habe, dachte ich, ich probiers mal hier im Forum.

    Folgender Aufbau ist das Ziel:
    div "a" mit dynamischer Höher (also je nach Inhalt / Firmenlogo etc.)
    div "b" mit 100px Höhe (Buttons für diverse Aktionen)
    div "c" mit overflow: auto (Fliesstext)
    div "d" mit 50px Höhe (sozusagen Statusleiste)
    div "e" mit dynamischer Höher (also je nach Inhalt)

    Das Ganze soll den gesamten Anzeigebereich des Browsers nutzen ohne scrollen zu müssen.
    div a und e sollen immer fest ganz oben bzw. unten stehen.
    div c soll sich den Rest der Ausgabehöhe nehmen und dabei ggf. eine Scrollbar bereitstellen.

    Hat jemand ne Idee?

    Vielen Dank vorab!

    Gruß Marc
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Samurai
    Registriert seit
    21.08.2011
    Beiträge
    233
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Komplexes HTML/CSS Layout

    Komplex würde ich das noch nicht nennen, 3divs sind ja sozusagen standard:

    -Oben (Oberer teil des containers)
    -"Haupt/Allgemein" (Mittlerer teil des containers, je nach länge des contents nach y repeatet, scrollbar)
    -Unten (Unterer Teil des containers)

    Im HTML-code könnte das so aussehen:

    HTML-Code:
    <div id="Haupt/Allgemein">
    <div id="oben"> </div>
    <!--content -->
    <div id="unten"> </div>
    </div>
    das kann natürlich beliebig durch div-elemente erweitert werden.

    CSS sollte es dann so aussehen:
    Code:
        #oben {  
            background:url("Pfadangabe zur Bilddatei(oben)") no-repeat scroll center top #FFFFFF;  
            /* Angaben zu Maßen des Bildes */
      
        }  
          
        #Haupt/Allgemein {      
            overflow: hidden;  
            margin: auto 0;  
            background:url("Pfadangabe zur Bilddatei(main)") repeat-y scroll center center #FFFFFF;  
        }  
          
        #unten {  
            background:url("Pfadangabe zur Bilddatei(unten)") no-repeat scroll center top #FFFFFF;    
        }
    Soll der container nur runde ecken oÄ haben, lässt sich das mittlerweile natürlich auch mit css3 coden.
    Desweiteren würde ich bei allen bilddateien Breite und höhe mitangeben.

Ähnliche Themen

  1. HTML-Layout mittels CSS
    Von schulli im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 15.05.2009, 08:16
  2. html myspace layout
    Von _vivalajen_ im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 05.09.2007, 12:39
  3. Layout Problem im HTML Quellcode
    Von Mülla im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 10.12.2005, 21:50
  4. HTML Diashow in bestehendes HTML-Layout einfügen?
    Von Music_Finder im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 09.08.2005, 16:53
  5. JS Variablen in HTML dem Layout entsprechend ausgeben!!!
    Von woercel im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 18.07.2005, 17:25

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •