Wie ein richtiges Gerüst aufbauen

[ullihantke]

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.

 

[vincitore]

AW: Wie ein richtiges Gerüst aufbauen

du hast ein ähnliches problem wie oder?
google am besten mal nach "faux-columns"

 

[leveler]

AW: Wie ein richtiges Gerüst aufbauen

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?

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.

 

[ullihantke]

AW: Wie ein richtiges Gerüst aufbauen

wrapper-div? okay, wie würde man dies programmieren?

 

[leveler]

AW: Wie ein richtiges Gerüst aufbauen

wrapper-div? okay, wie würde man dies programmieren?

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.

 

[patrick_l]

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:

<div id="wrapper">
    <div id="slider">
  <!-- slideshow here -->
  </div>
  <div id="main">
      <div id="content">
     <!-- content here -->
    </div>
      <div id="navigation">
         <ul>
          <li><a href="#">page 1</a></li>
        <li><a href="#">page 2</a></li>
        <li><a href="#">page 3</a></li>
      </ul>
    </div>
  </div>
  <div id="footer">
      <!-- -->
  </div>
</div>

Liebe Grüße, Patrick

 

[Erdi]

AW: Wie ein richtiges Gerüst aufbauen

Das letzte schließende div nicht vergessen

 

[patrick_l]

AW: Wie ein richtiges Gerüst aufbauen

Das letzte schließende div nicht vergessen

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

Liebe Grüße, Patrick