Stylesheet der Homepage überschreiben eingebundenes (include) Kontakt-Formular

[Rolf B]

Hallo sonne,

HTML Fremdkomponenten einzubinden ist immer knifflig und macht Arbeit. Ein Scope-Konzept fehlte bisher. Dieses Konzept muss, damit es sauber wirkt, sowohl von Deiner Seite wie von der Fremdkomponente berücksichtigt werden.

Aber dein Wunsch ist prinzipiell in der Mache. Im Firefox fehlt @scope noch, deswegen muss man mit dem Einsatz warten, denke ich.

Bis dahin könntest Du das Kontaktformular als iframe einbinden. In diesem iframe läuft dann nur das Kontaktformular. Auf diese Weise kann das CSS deiner Seite das Kontaktformular nicht beeinflussen.

Alles andere macht definitiv Arbeit. Du könntest dein Stylesheet teilen, in die Regeln, die das Gesamtlayout steuern und deshalb auch auf der Kontaktseite gebraucht werden, und den Rest. Auf der Kontaktseite bindest Du nur das globale Stylesheet ein, und das passt Du dann so an, dass es mit dem Kontaktformular nicht mehr kollidiert.

Wenn das Kontaktformular dann Regeln enthält, die deinen Seitenrahmen zerfressen, könntest Du dessen Regeln mittels CSS Nesting (Tutorial im Selfhtml Wiki) stärker isolieren. Das wären dann nur 2 Zusatzzeilen im kontakt.css

Rolf