Unterschiedliche Seitenlayouts und interner CSS Editor

[Madob]

Hallo,

ich benötige nun zum ersten mal unterschiedliche seitelayouts bei einer Homepage.

Mein Standard Layout hat neben Haeder und Footer eine Hauptspalte und eine rechte Spalte.
Es gibt dann Seiten, auf denen soll es nur die Hauptspalte geben.

Also am besten einfach das Standardlayout kopieren und in dem neuen Layout die rechte Spalte deaktivieren.

Nur wie ist das dann mit den CSS Daten, wenn ich mit dem internen Editor arbeite? wenn ich jetzt beim CSS des Standardlayouts etwas ändern würde (zB Schriftgröße, was ja beim 2. Layout dann auch gewünscht wäre), muss ich das dann bei beiden Layouts pflegen oder gibt es eine Möglichkeit, das mit nur einem Sytelsheet zu pflegen?

Denn ich kann mir vorstellen, dass es Seiten mit so einigen Seitenlayouts gibt und da dann bei jeder kleinen Änderung immer alles Stylesheets warten zu müssen, ist wohl sehr mühsam.

[ciaobello]

Mit css kannst doch auch bestehendes überschreiben ... also nur die Änderungen in ein separates CSS und dann über das Seitenlayout zusätzlich einbinden. Dazu ist doch ein Seitenlayout da. Stichwort !important

[Madob]

Ist mir gerade beim Probieren auch aufgefallen, aber danke für den Hinweis

Aber wieso ist das !important eigentlich noch so wichtig, wenn das neue CSS ja eh nach dem originalen CSS geladen wird, dann wird die vorherigen Anweisung eh automatisch überschrieben?

[bekanntmacher]

Ist mir gerade beim Probieren auch aufgefallen, aber danke für den Hinweis

Aber wieso ist das !important eigentlich noch so wichtig, wenn das neue CSS ja eh nach dem originalen CSS geladen wird, dann wird die vorherigen Anweisung eh automatisch überschrieben?

Wenn du im zweiten Stysheet die Regeln des Ersten überschreibst brauchst du important! nicht.

[Andreas]

Ich arbeite immer nur mit einem Layout, das ist praktischer. Du kannst z.B. ner Seite mit nur der Hauptspalte (meistens nur die Startseite) ne Klasse mitgeben "mainonly". Dann im CSS

.mainonly #left,
.mainonly #right {
  display: none;
}
usw.

Hast dann da nur ein oder zwei leere DIVs ich denke damit kann man leben.

[Madob]

Ich arbeite immer nur mit einem Layout, das ist praktischer. Du kannst z.B. ner Seite mit nur der Hauptspalte (meistens nur die Startseite) ne Klasse mitgeben "mainonly". Dann im CSS

.mainonly #left,
.mainonly #right {
  display: none;
}
usw.

Hast dann da nur ein oder zwei leere DIVs ich denke damit kann man leben.

da die Seite, an der ich gerade arbeite, bewusst ein statisches Layout haben soll, würde das ausblenden eines DIV´s aber leider trotzdem den Hauptcontainer icht größer werden lassen. Von daher handhabe ich es nun so wie oben empfohlen

[Andreas]

Dafür stand das usw. in dem Code, dass man da noch die paar restlichen Anpassungen macht, die evtl. nötig sind. Muss halt jeder für sich entscheiden.