Hallöchen,
1. Du hat offensichtlich lediglich die Zeilen, die ich geschrieben hab, kopiert. Sonst wäre dir aufgefallen, dass bei einer id-Bezeichnung ein " fehlt. Über den Sinn der Gruppierung scheinst du dir keine Gedanken gemacht zu haben.
2. Sollte das nur das Grundprinzip darstellen. Dass die zusätzlichen div's nicht funktionieren, liegt an der fehlenden css-Formatierung. Das die notwendig ist, hatte ich als vorhandenes Wissen vorausgesetzt, sorry.
Der Sinn dieses Forums ist nicht, fertige Lösungen zu posten, die der Fragende einfach blos zu übernehmen braucht, sondern Hinweise zu geben wo der Fehler ist.
Was die Angaben zu margin, padding, border, width, height, float usw. zu bedeuten haben und wie sie sich auswirken, lernst du letztlich nur dann wirklich, indem du damit rumexperimentierst und beobachtest, welche Angabe was bewirkt.
Achte bitte auch auf konsequente Angaben. Wenn du z.B. bei Textfeldup für Rand oben (margin-top) einen Wert von 15px angibst, aber beim optisch danebenliegenden sidebarup für Rand oben 0px, dann ist es logisch, dass die beiden nicht auf einer Höhe dargestellt werden.
MfG
vaudi