Anzeige

Wie ein richtiges Gerüst aufbauen

Wie ein richtiges Gerüst aufbauen | PSD-Tutorials.de

Erstellt von ullihantke, 10.02.2013.

  1. ullihantke

    ullihantke B2B Design e.K.

    Dabei seit:
    15.08.2012
    Beiträge:
    163
    Geschlecht:
    männlich
    Software:
    CC (Mac)
    Wie ein richtiges Gerüst aufbauen
    Hallo Freunde,

    ich lernen gerade Homepage via html5 und css3 zu programmieren und stehe vor einem doch grundlegendem Problem.

    Ich habe folgende (div) html Aufbau:

    Head
    Slideshow (Bilder Fenster)
    Inhalt
    Menu
    Fuss
    Copyright

    Nun möchte ich mein Menü rechts neben dem Inhalt haben. ich weiss, dies geht mit float right oder left, ich bekomme dies auch so hin aber nun habe ich folgendes Problem.

    Wenn ich dem Menü und dem Inhalt ein Hintergrund geben habe ich das Problem, dass wenn mein Menü kleiner als mein Inhalt ist ich ein Loch habe bzw. andersrum genaue?

    Wie muss ich meine div's programmieren, so da es unter dem Menü mit dem Hintergrund weiter geht?

    Evtl. kann mir jemand ein Buch oder eine Seite empfehlen bei dem ich dies gut lernen kann.
     
    #1      
  2. vincitore

    vincitore Aktives Mitglied

    Dabei seit:
    22.01.2005
    Beiträge:
    622
    Geschlecht:
    männlich
    Ort:
    Darmstadt
    Software:
    Adobe CC, Coda 2, Cinema 4D R13 Student
    Kameratyp:
    Canon EOS 5D Mark III
    Wie ein richtiges Gerüst aufbauen
    #2      
  3. leveler

    leveler 00110100 00110010

    Dabei seit:
    23.06.2008
    Beiträge:
    2.614
    Wie ein richtiges Gerüst aufbauen
    AW: Wie ein richtiges Gerüst aufbauen

    Was meinst Du mit Hintergrund ? Bilder oder eine Farbe. Wenn es Farbe ist, könntest Du die beiden Elemente in einen wrapper-div stecken, der dieselbe Farbe hat, dann gibts auch keine Blitzer mehr.
     
    #3      
  4. ullihantke

    ullihantke B2B Design e.K.

    Dabei seit:
    15.08.2012
    Beiträge:
    163
    Geschlecht:
    männlich
    Software:
    CC (Mac)
    Wie ein richtiges Gerüst aufbauen
    AW: Wie ein richtiges Gerüst aufbauen

    wrapper-div? okay, wie würde man dies programmieren?
     
    #4      
  5. leveler

    leveler 00110100 00110010

    Dabei seit:
    23.06.2008
    Beiträge:
    2.614
    Wie ein richtiges Gerüst aufbauen
    AW: Wie ein richtiges Gerüst aufbauen

    ok, war doof von mir, das so zu nennen, dass man denken könnte, das wäre ein eigenes Element. Nein, es ist mehr oder weniger gebäuchlich dem div, das andere divs einhüllt/ummantelt,eine id mit dem Namen wrapper mitzugeben. Man kann das aber selbstverständlich benennen wie man will.
     
    #5      
  6. patrick_l

    patrick_l Stereotyp(e)

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    CS6/CC2017, Affinity, Atom, Brackets, PHPStorm, Pug, Sass, Wacom
    Kameratyp:
    Canon DSLR [...]
    Wie ein richtiges Gerüst aufbauen
    AW: Wie ein richtiges Gerüst aufbauen

    Erst einmal ist HTML und CSS kein programmieren. HTML (Hypertext Markup Language) ist eine Auszeichnungssprache zum Strukturieren von Inhalten (Text, Bild etc.).

    Zu deinem Problem. leveler schrieb es ja schon. Die Div Inhalt und Menü in eine weitere Div packen. Dieser anschließend über CSS die gewünschte Hintergrundgrafik zuweisen.

    Edit:
    HTML:
    1.  
    2. <div id="wrapper">
    3.     <div id="slider">
    4.   <!-- slideshow here -->
    5.   </div>
    6.   <div id="main">
    7.       <div id="content">
    8.      <!-- content here -->
    9.     </div>
    10.       <div id="navigation">
    11.          <ul>
    12.           <li><a href="#">page 1</a></li>
    13.         <li><a href="#">page 2</a></li>
    14.         <li><a href="#">page 3</a></li>
    15.       </ul>
    16.     </div>
    17.   </div>
    18.   <div id="footer">
    19.       <!-- -->
    20.   </div>
    21. </div>
    22.  
    Liebe Grüße, Patrick
     
    Zuletzt bearbeitet: 12.02.2013
    #6      
  7. Erdi

    Erdi sieht's gelassen

    Dabei seit:
    22.04.2008
    Beiträge:
    279
    Geschlecht:
    männlich
    Ort:
    Bärlin
    Software:
    CS6 Design & Web Premium
    Kameratyp:
    Nikon D50
    Wie ein richtiges Gerüst aufbauen
    AW: Wie ein richtiges Gerüst aufbauen

    Das letzte schließende div nicht vergessen ;)
     
    #7      
  8. patrick_l

    patrick_l Stereotyp(e)

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    CS6/CC2017, Affinity, Atom, Brackets, PHPStorm, Pug, Sass, Wacom
    Kameratyp:
    Canon DSLR [...]
    Wie ein richtiges Gerüst aufbauen
    AW: Wie ein richtiges Gerüst aufbauen

    Oh, beim einfügen mit copy&past wohl verloren gegangen.
    Habe es gleich mal korrigiert. ;)

    Liebe Grüße, Patrick
     
    #8      
Seobility SEO Tool
x
×
×