<div> design oder "Wie man sich die Zähne ausbeisst"

[Jeena Paradies]

Hallo,

Header

Content | Sidebar

Header

leftsidebar | Content | Sidebar

Ja so schweer ist das wirklich nicht, da du ja sowieso css benutzt. Allerdings brauchst du einen Bereich der dann leftsidebar umschließt. Das hier musst du vor deinen #main Block einfügen:

<div id="leftsidebar">
   <!-- content von leftsidebar -->
  </div>

und im CSS musst du dann deine leftsidebar formatieren, also die breite und wie sie aussehen soll. Weiterhin musst du sagen dass alles andere davon floaten soll.

also zum Beispiel:

#leftsidebar {
 width: 10em;
 float: left;
}

Dann musst du noch dafür sorgen dass visuell nicht nur der text einfach vorbeifließt, sondern auch dann wenn es unter leftsidebar nach links Platz gibt das #main nicht da hinfließt, also machst du einen schönen margin, musst allerdings ausprobieren wie viel du brauchst

#main {
 margin-left: 12em;
}

Ja das müsste es gewesen sein. Wenn du noch Fragen hast melde dich einfach hier noch einmal.

Grüße
Jeena Paradies