--- title: "css benutyen" url: "https://www.typo3.net/d/13790-css-benutyen" source: "typo3.net" tags: ["Allgemein","Frage","HTML & CSS"] created: "2004-07-21" last_reply: "2004-07-21" replies: 1 solved: false page: 1 pages: 1 lang: "de" --- # css benutyen Allgemein · 1 Antwort · gestartet 2004-07-21 ## Eröffnungsbeitrag **jo.​cologne** · 2004-07-21 · [Beitrag #1](https://www.typo3.net/d/13790-css-benutyen/1) Hallo NG, ich mache gerade meine ersten Gehversuche mit css. Habe auch meine HTML Datei umgestellt von Tabellenform auf CSS, siehe unten ohne Typo3 klappts prima, nur wenn ich die Datei uebernehme, dann stehen auf einmal alle Elemente untereinander... Ich habe die Kurve zu Typo3 noch nicht. Wahrscheinlich muss ich mein Template auch umbauen?
###MENU###
###SPRACHE###
###BILD###
###INHALT###
## Antworten ### [#2](https://www.typo3.net/d/13790-css-benutyen/2) · maxhb · 2004-07-21 Hi! Vermutlich liegt das Problem darin begründet, dass Du den Kopfbereich der Seite in Deinem Template angibst, stell Dein Template mal folgendermassen um: ```html
###MENU###
###SPRACHE###
###BILD###
###INHALT###
``` Das CSS lagerst Du in eine externe Datei aus, z.B. /fileadmin/styles.css, hab gleich mal den Code aus den Styles-bereich mit hinein gezogen ;) ```plaintext body { } #boxblue { border:solid 2px orange;position:absolute; top:0px; left:000px; width:194px; height:612px; z-index:1; } #boxlogo { border:solid 2px orange;position:absolute; top:0px; left:0px; width:194px; height:60px; z-index:2; } #boxmenu { border:solid 2px orange;position:absolute; top:65px; left:0px; width:194px; height:500px; z-index:2; } #boxbild { border:solid 2px orange;position:absolute; top:0px; left:194px; width:810px; height:306px; z-index:3; } #boxinhalt { border:solid 2px orange;position:absolute; top:326px; left:214px; width:770px; height:274px; z-index:4; } ``` Diese CSS-Datei bindest Du folgendermassen in Dein TS-Template ein: ```typoscript page = PAGE page.stylesheet = fileadmin/styles.css ``` Um den bisherigen Marker ###HEADER_CODE### zu ersetzen folgende Konstruktion im TS-Template: ```plaintext page.headerData.5 = TEXT page.headerData.5.value ( WAS AUCH IMMER HIER HIN SOLL } ``` CU maxhb --- Quelle: „css benutyen“, typo3.net, https://www.typo3.net/d/13790-css-benutyen Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.