Eigenständiger CSS Bereich

[silvanus]

Hallo,

ich möchte Newsletter auf einer Webseite Archivieren.
Leider konkurrieren die CSS-Styles der Webseite mit denen der Newsletter.

I-Frames möchte ich wegen der schwierigen dynamischen Höhenanpassung, Rahmen, Scrollbalken und Link-Targets nicht verwenden.

Gibt es eine Möglichkeit innerhalb einer HTML-Seite einen Bereich zu definieren auf den sich das CSS der restlichen Webseite nicht auswirkt?

 

[Philastan]

Du könntest hinter die Styles des Newsletters !important; schreiben.
Also zum Beispiel:

#beispiel {
height:10px !important;
}

So werden die Styles immer ausgeführt unabhängig davon ob sie schon wo anders definiert wurden.
Wäre aber trotzdem Sinnvoll wenn du dein Problem ein wenig genauer beschreibst. :)

 

[silvanus]

Hey Philastan,
danke, das mit dem !important ist schon einmal eine gute Idee. Leider kann ich das CSS des Newsletters nicht beeinflussen, da ich diesen nicht selbst erstelle.

Zum Hintergrund:
Ich habe ein CMS-System in dem ich im Content-Bereich HTML Seiten anzeigen lassen kann.
Es gibt also Header, Footer, Navi und so weiter und einen Bereich für den Content in dem mein Newsletter angezeigt werden soll.
Nun gibt das CMS verschiedene Styles vor. Zum Beispiel "Richte jeglichen Text in Tabellen rechts aus", was für das CMS auch Sinn macht. Bekomme ich aber einen Newsletter mit einer Tabelle (ohne CSS-Angaben) so wird der Text hier auch rechts ausgerichtet, was aber nicht so sein soll.
Was ich benötige ist also ein DIV-Container auf dessen Inhalt keine Global gültigen CSS-Eigenschaften Auswirkungen haben.

http://www.html.de/members/philastan/

 

[Philastan]

Sorry, hier steig ich aus. So gut kenne ich mich nicht aus - aber eine Lösung würde mich auch interessieren!

 

[skizZ]

Hallo,

dies lässt sich meiner Meinung nach damit realisieren, wenn du jedem Element eine ID gibst.

Es gibt also die ID Navi, Header, Footer usw ...
Diese kannst du ja mit einem DIV gruppieren.

Nun gibst du dem DIV eine ID und sagst im Stylesheet, dass sich bestimmte Styles nur auf bestimmte IDs auswirken soll.

skizZ

 

[silvanus]

Hallo skizZ,

ein guter Vorschlag, leider sollen in dem Content-Bereich auch Seiten auftauchen für die das CSS gültig ist.
Hier eine schematische Darstellung:
Das Style-Sheet soll für die blauen Bereiche gelten nicht aber für den grünen.

 

[skizZ]

Kannst du den Newsletter nicht in ein eigenes DIV packen?

Oder kannst du mit PHP abfragen ob nun die Newsletterseite kommt und entsprechend die ID nicht setzen für content?

 

[silvanus]

Nein, leider nicht. Das Newsletter-Div kommt immer in das Content-Div.
Abfragen ob ein Newsletter kommt oder nicht geht leider auch nicht.
Es handelt sich bei dem CMS um das Java-Basierte OpenCMS.

 

[skizZ]

warum hast du kein zugriff auf das newsletter stylesheet?

 

[silvanus]

Da diese Newsletter von extern versendet werden.

 

[skizZ]

Hallo,

somit weiß ich auch nicht weiter.
Mal schaun wer sich noch zu Wort meldet.

skizZ

 

[threadi]

Ich habe ein CMS-System [..]

Ein Content-Management-System-System? Interessant ;)

Was ich benötige ist also ein DIV-Container auf dessen Inhalt keine Global gültigen CSS-Eigenschaften Auswirkungen haben.

So gesagt gibt es das nicht. Die Alternativ wurde dir oben bereits beschrieben.

warum hast du kein zugriff auf das newsletter stylesheet?

Da diese Newsletter von extern versendet werden.

Was hat der externe Versand mit dem Newsletter zu tun? Anzeige und Programmierung sind 2 Paar Schuhe.

 

[silvanus]

Schade, dass es so ein "für diesen Div gilt das globale CSS nicht und CSS innerhalb dieses Divs gilt ausserhalb nicht"-Ding nicht gibt.
Ich habe mir jetzt so beholfen dass ich alle Tags für diesen Div auf die Standartwerte setzte und vor alle globalen Styles innerhalb dieses Divs automatisch die Klasse des Divs setze.
Funktioniert super, ich dachte nur da muss es noch einen einfacheren Weg geben.