Ergebnis 1 bis 2 von 2

Thema: mehre Spalten und eine ebene drunter

  1. #1
    TP-Senior
    Registriert seit
    Nov 2004
    Ort
    Dresden
    Beiträge
    263

    mehre Spalten und eine ebene drunter

    Hi

    stehe mom auf dem Schlauch

    habe drei ebenen nebeneinader (DIV1, DIV2 und DIV3)
    darunter soll eine Ebeneüber die Gesamtbreite

    ich hab zwei Probleme:
    a sind DIV1 bis 2 varialbel in der Höhe
    und b soll die gesamte Fläche eine gleiche Hintergrundfarbe haben

    wie setzt man dies in CSS um

  2. #2
    TP-Junior
    Registriert seit
    Jul 2011
    Beiträge
    7
    markup
    HTML-Code:
    <div id="wrapper">
      <div id="div1">A</div>
      <div id="div2">B</div> 
      <div id="div3">C</div>
      <div style="clear:both;"></div> 
      <div id="div4">D</div>
    </div>
    styling :
    (beispiel)
    Code:
    #wrapper {
    width:600px;
    }
    #div1, #div2, #div3 {
    width:200px;
    float:left;
    }
    Erklärung :

    • Es wird ein wrapper-div eingesetzt, welches 600 pixel breit ist, um die divs zu begrenzen
    • Durch das Float LEFT werdend die 3 divs (breite ist dann 600 pixel durch 3, also 200 pixel) nebeneinander positioniert
    • Das Float muss danach aufgehoben werden, das geschieht durch das Clear:both

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. auf eine ebene bringen
    Von GrNightz im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 17.06.2009, 21:05
  2. Layer uebereinander, drunter aber transparent!
    Von BubbleBath im Forum HTML & CSS
    Antworten: 3
    Letzter Beitrag: 02.02.2007, 19:11
  3. wie platzier ich eine Ebene?
    Von Küstenkind-13 im Forum Dreamweaver & andere Webeditoren
    Antworten: 6
    Letzter Beitrag: 17.03.2006, 14:38
  4. freehand grafik import streifen drunter
    Von reefdogger im Forum Layout- & Vektor-Programme
    Antworten: 2
    Letzter Beitrag: 15.07.2004, 10:42
  5. tabelle: 3 spalten, davon eine mit fester breite
    Von keyboarder2k im Forum Webdesign allgemein
    Antworten: 1
    Letzter Beitrag: 13.07.2004, 15:27

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51