Seiten CSS überschreibt das eingebundene CSS nicht!?
| Autor | Nachricht |
|---|---|
|
Verfasst am: 12. 07. 2012 [17:16]
|
|
|
mp3fritz
Themenersteller
Dabei seit: 03.05.2006
Beiträge: 179
|
HalloTypo3 Gemeinde, Ich habe folgendes Problem. Ich möchte nur auf der Startseite eine CSS-Eigenschaft ändern. Standardmäßig wird die CSS-Datei "basemod.css" eingebunden In dieser Datei gibt es unter Anderem eine Angabe für das Element #main CSS #main {padding: 10px,} Auf der Startseite möchte ich nun aber ein Bild das den kompletten Contenntbereich ausfüllt und somit sollte für die Startseite das Element #main kein padding aufweisen. Hierzu habe ich per TS foelgden Code eingebunden: TYPOSCRIPT page.includeCSS { file1 = fileadmin/templates/css/basemod_home.css } in der basemod_home.css habe ich einfach die komplette basemod.css kopiert und nur den Wert für das padding im #main geändert. Wenn ich die Seite nun aber im Frontend aufrufe wird immer noch das Padding aus der basemod.css angewendet. Beim Betrachten mit Firebug sehe ich, daß meine Angabe aus dem basemod_home.css nach der basemod.css angezeigt wird. Wenn ich mit Firebug die erste Angabe für das #main Element deaktiviere dann wird die Version ohne Padding angezeigt.. Was mache ich falsch, warum wird nicht das "standard CSS" überschrieben? Bitte genbt mir nen Tipp was ich falsch mache... Danke |
  |
|
|
Verfasst am: 12. 07. 2012 [23:16]
|
|
|
skydivematy
Dabei seit: 06.11.2008
Beiträge: 276
|
Ist das YAML? |
|
|
|
Verfasst am: 12. 07. 2012 [23:41]
|
|
|
mp3fritz
Themenersteller
Dabei seit: 03.05.2006
Beiträge: 179
|
Ja das Layout basiert auf YAML. Kann es daran liegen, daß alle CSS-Dateien über die Haupt-CSS-Datei mit der @import url.... eingebunden werden? CSS ...
@import url(screen/basemod.css);
... |
|
|
|
Verfasst am: 13. 07. 2012 [00:37]
|
|
|
skydivematy
Dabei seit: 06.11.2008
Beiträge: 276
|
Hallo mp3fritz, du kannst jetzt zb. das #main padding direkt in der basemod.css ändern oder Du hängst in dem Haupt-CSS einfach mit @import url(screen/mein_custom.css); mit Deinen Anpassungen über der basemod.css dazu. Wie hast DU denn YAML eingebunden? Ganz normal also nur das YAML Projekt oder hast Du das als db_yamltv, db_ttv Extension eingebunden? gruss maty |
|
|
|
Verfasst am: 14. 07. 2012 [17:19]
|
|
|
Kurt51
Dabei seit: 18.05.2007
Beiträge: 102
|
Hast Du in der basemod_home.css auch das eingetragen: CSS #main {padding:0 !important;} Außerdem würde dieser Eintrag alleine in der basemod_home.css als file2 genügen! Weiterhin könntest Du ab TYPO3 V4.7 mit verschiedenen Backendlayouts arbeiten und diese dann im body-tag als id mitgeben ( z.B. <body id="style2" ) und dann in der basemod.css am Ende schreiben: CSS #style2 #main {padding:0;} Die ID im body-Tag erstellst Du so: TYPOSCRIPT page.bodyTagCObject = HTML page.bodyTagCObject.value { field = backend_layout wrap = <body id="style|"> } Gruß aus Jülich
Kurt Kunig kupix webdesign |
|
|