mehrspaltiges Layout Typo 3 6.2

Hallo liebe Community,



ich bin gerade noch in den Anfängen von Typo 3 und versuche eine Website für meinen Bruder zu erstellen.

Ich habe bereits Kenntnisse in Html und CSS und habe auch schon die Grundstrukur angelegt, allerdings habe ich folgendes Problem:





Ich möchte ein Layout mit zwei Spalten anlegen, mein Code ist aber leider fehlerhaft.





Als erstes habe ich unter dem Reiter List und dann Backend-Layout folgenden Code erstellt:



backend_layout {

colCount = 2

rowCount = 1

rows {

1 {

columns {

1 {

name = links

colPos = 0

}

2 {

name = rechts

colPos = 0

}

}

}

}

}



Zusätzlich habe ich eine Htmldatei mit dem Namen Zweispaltig und folgendem Code erstellt:



<f:layout name="rahmen"/>



<f:section name="content">

<div id="leftColumn">

{content -> f:format.raw()}

</div>

<div id="rightColumn">

{contentRight -> f:format.raw()}

</div>

</f:section>





Daraufhin habe ich noch mein Typoscript angepasst:



#Einpaltiges Layout



tmpl.einspaltig = FLUIDTEMPLATE

tmpl.einspaltig {



file = fileadmin/sys/private/templates/einspaltig.html

partialRootPath = fileadmin/sys/private/partials

layoutRootPath = fileadmin/sys/private/layouts



variables {





content < styles.content.get

logo < obj.logo

menu < obj.menu

csymbol < obj.csymbol

phone_email < obj.img

footerblock < obj.footerblock1

footerblock2 < obj.footerblock2

footerblock3 < obj.footerblock3

footerblock4 < obj.footerblock4

footerblock5 < obj.footerblock5

headerimage < lib.headerImage

copyright < obj.copyright







}



}

#Zweispaltiges Layout



tmpl.zweispaltig < tmpl.einspaltig

tmpl.zweispaltig.file = fileadmin/sys/private/templates/zweispaltig.html

tmpl.zweispaltig.variables.contentRight < styles.content.getRight



# Default PAGE object:

page = PAGE

page.includeCSS.main = fileadmin/sys/public/stylesheet/main.css



#Bedingung

page.10 = CASE

page.10

{

key.field = backend_layout

key.ifEmpty.data = levelfield:-2, backend_layout_next_level, slide



default.value = Bitte Backend-Layout auswählen!

5 < tmpl.einspaltig

4 < tmpl.zweispaltig





}

---------------------------------------------------------------------------



Ich habe das ganze mit einem Tutorial versucht umzusetzen, allerdings wird mir immer eine weisse Seite angezeit. Also nicht mal eine Fehlermedlung.



Vielen Dank schon mal im Voraus für eure Hilfe.



Viele Grüße



John

mehrspaltiges Layout Typo 3 6.2