Egyedi smink készítése

Írd felül a zaszlo float: left;-jét, már jobb lesz, a menu_info és az idezet biztosan nem jó helyen van, a menu_info-nak pl. biztosan a footer előtt kellene lennie, a main-en belül. És szerintem keress CSS tutorial-t, amiben alaposan le van írva a div-ek pozicionálása, szükséged lesz rá.

Ez húzós lesz, kb mintha szűzlány a nászéjszakán végig akarná pörgetni a kámaszutrát.
A grafikád alapján teljesen feleslegesen tördelted szét az alap zen struktúrát. A page és a closure-blocks divek a fő keretek, ezeket a legritkább esetben kell bántani, illetve bármit is beszurkálni közé. A page div az, amit a fix/liquid layout beállítások kezelnek, a closure-blocks a layout-tól független, alapesetben 100% szélességű div, tipikusan copyright és hasonló lap aljára - középre igazított információk megjelenésére való.
Neked a page-en belül kell ügyködni.
Ezen belül a következő a struktúra: Van a header, main és footer. Ezt a struktúrát megint a legritkább esetben kell babrálni - a képeden nem láttam olyat, ami indokolná.
Amibe neked nyúlkálni lehet, az a main, de itt sem ész nélkül. A mainon belül a content és a sidebarok megint olyan részei a sminknek, amik baromi jól be vannak lőve, szintén nem látok a képen olyan elemet, ami miatt itt kellene bármit alakítani.
Ha ezt így végiggondolod, és ránézel a képre, láthatod hogy nem kell neked plusz régió. Mindent szépen be lehet pakolni blokkba, és így nem lesz olyan, hogy szétesik az alap (2 sidebar + content) layout.
Akkor kell régiókban gondolkodni, ha valami már abszolút nem megoldható blokkokkal.
Végignéztem a legbonyolultabb sminket, amit csináltam, össz-vissz 3 plusz régió kellett hozzá, és most, hogy ránéztem, kettőt ki is tudnék váltani..

...az előttem szólóval. Ezt a Zen-nel mindenféle régiók definiálása nélkül meg lehet oldani. Ha pedig mégis kavarni kell, érdemes elmélyedni a Panels modulban.