{{indexmenu_n>10}}

====== Big John´s Piefecta ======

Alle hier gezeigten Layouts basieren vom Grundsatz her auf [[http://www.positioniseverything.net/piefecta-rigid.html|A superb 3-col tableless layout]] von [[http://www.positioniseverything.net/design/index.html|Big John]], einer der führenden Köpfe und Wegbereiter im CSS Bereich. 

Auf seiner Seite [[http://www.positioniseverything.net/index.php|Position Is Everything]] finden Sie Anregungen und interessante Details zu CSS.

Z.B. ein Layoutgenerator: [[http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php|CSS Source Ordered Variable Border 1-3 Columned Page Maker by ClevaTreva Designs]]

hier einige Layout-Beispiel: [[http://www.positioniseverything.net/articles/onetruelayout/examples| Position is Everything Layout Examples]]
\\



====== Bruno  Fassino ======

- hat mit seiner Seite [[http://www.brunildo.org/test/|CSS tests and  experiments  by Bruno  Fassino]] den Weg für die hier gezeigten Layouts geöffnet. 

Die folgenden Layouts stammen von Beispielen dieser Seite ab und basieren  auf der "Piefecta"-Technik:

  * [[deutsch/templates/big-john-piefecta/2-spalten-feste-breite-variable-hoehe-v1]] 
  * [[deutsch/templates/big-john-piefecta/2-spalten-feste-breite-variable-hoehe-v2]]
  * [[deutsch/templates/big-john-piefecta/3-spalten-feste-breite-variable-hoehe-v1]] //(links/rechts identischer Hintergurnd)//
  * [[deutsch/templates/big-john-piefecta/3-spalten-feste-breite-variable-hoehe-v2]] //(links/rechts unterschiedlicher Hintergrund)//
  * [[deutsch/templates/big-john-piefecta/2-spalten-variable-breite-rechts-variable-hoehe-v1]]
  * [[deutsch/templates/big-john-piefecta/3-spalten-variable-breite-variable-hoehe-v1]] //(links/rechts identischer Hintergurnd)//


Eine recht variable Zusammenstellung (fast ein Generator) von Layouts ist hier zu finden: 
  * [[http://www.brunildo.org/test/three-cols-gen.html|various 3 columns layouts, no faux columns]]  
  * [[http://www.brunildo.org/test/three-cols-gen-fc.html|various 3 columns layouts with faux columns]] 


\\

==== Kleine Linkübersicht ====


{{indexmenu>deutsch:templates:big-john-piefecta|js#doku navbar msort nsort nocookie notoc}}