Druckbare Version
Hallo,
eine neue Website hat ein Seitenlayout (standard).
Die Kalenderliste über den Minikalender öffnet sich in der Lightbox und hat ein anderes Seitenlayout (blank).
Doch mit Klick auf einen Tag im Minikalender wirkt sich die CSS vom Seitenlayout (blank) auch auf die eigentliche Website Seitenlayout (standard) aus:
https://dc-zuarin.de.85-236-62-219.m....de/start.html
Zur Vereinfachnung habe ich die Textfarbe auf BLAU gestellt, Was mache ich falsch ?
Vielen Dank für Hinweise.
weil beim Öffnen der Lightbox weiteres CSS geladen wird... guck mal in den DIV mit id "cboxLoadedContent"
Der benannte DIV Container ist nur für die Lightbox zuständig.
Ich meine:
- die Website wird korrekt angezeigt
- mit Klick auf einen Kalender- Eintrag wird diese Seite in der Lightbox geöffnet
- diese Seite hat ein eigenes, fast leeres Seitenlayout mit einer CSS (zur Demo Schriftfarbe blau)
- jetzt wird aber diese blaue Schriftfarbe für ALLES gültig: also für die Lightbox (korrekt) UND die normale Seite (falsch)
Naja, da hast Du dann haltdrinstehen, und dann wird halt alles, was zutrifft, mit dem Stil fürCode:#main .inside
dargestellt, weil das spezifischer als dein Absatzstyle p ist.Code:#main .inside
das ist so nicht definiert bzw. im CSS nicht eingegrenzt - wenn Du ein CSS in die Seite (nach)lädst, wirkt sich das eben auf alles ausZitat:
Zitat von mv-soft
Vielen Dank.
Und wie schaffe ich es, das NUR in der Lightbox CSS- Anweisungen zutreffen?
Zum Beispiel hat die normale Seite:
#main { width: 66% }
Diese Breite hat aber auch in der Lightbox eine Auswirkung. Dort brauche ich aber die volle Breite: #main { width: 100% }
Selbst wenn ich dem Artikel Kalenderliste eine CSS Klasse vergebe (.blank), komme ich NICHT an die Breite von #main heran ?
Ich brauche also eine Lösung, wo ein Seitenlayout NUR ALLEIN in der Lightbox wirkt ?
du könntest bei allen Sachen, die nur für die Lightbox bestimmt sind im CSS die ID des Containers angeben
mit SCSS geht das etwas eleganter mit zwei ZeilenCode:...
#cboxContent #inside {
bla: blub;
}
Hallo mv-soft,
erinnere mich an eine ähnliche Aufgabe.
Habe das Seitenlayout blanko angelegt, kein CSS aktiviert und geladen.
Dann eine Kopie des Lightbox-Templates angelegt, umbenannt und innerhalb des Templates den Pfad zu eigenen CSS-Definitionen angegeben.
In diesem CSS kann man entweder die Angaben des „Original-CSS” eintragen und dann anpassen sowie noch benötigte Definitionen eintragen.
Dem neuen Layout habe ich eine linke Spalte zugewieesen, da diese im Standard- Template nicht verwendet wird.
Der Eventliste (Anzeige in der Light- Box) habe ich danach die Anzeige in der linken Spalte zugewiesen und die neue CSS blank mit einer Formatierung versehen. Dadurch gibt es keine unerwünschte Beeinflussung der eigentlichen Seiten- Formatierung.
Vielen Dank für die Hinweise, die zur Lösung beigetragen haben.
J. Heinrich
mv-soft.de