CSS CSS nur in DIV gültig?

[modulus]

Hallo Leute,

dumme Frage, aber brauche trotzdem eine Lösung

Ich möchte den Header-Bereich meiner Homepage (Joomla) in den Header meines Forums (PHPBB) einfügen.

Die entsprechenden CSS-File und den HTML-Code konnte ich schon extrahieren.

Problem: Der CSS-Code vom Forum wird vom CSS Code der Homepage nun überschrieben -> zerschießt das Forum.

Die CSS-File vom Header ist nur extrem lang.
Was kann ich machen, damit der CSS Code der Homepage nur im ausgewählten DIV (und alle diesem untergeordneten DIVs) Gültigkeit hat?

 

[Yuuri]

Gib ihm eine ID/Klasse und nutz diese.

 

[Wormi]

Wenn du noch genauere Hilfe benötigst, melde dich einfach noch mal!

 

[Daaron]

Such dir mit nem Inspector die Styles raus, die du explizit für den Header-PArt brauchst und pass sie an.

 

[Crizzo]

Die CSS-File vom Header ist nur extrem lang.
Was kann ich machen, damit der CSS Code der Homepage nur im ausgewählten DIV (und alle diesem untergeordneten DIVs) Gültigkeit hat?

Mach einfach folgendes:
- CSS-File für Header per @import in stylesheet.css einbinden
- Selektoren im Header-CSS-File um eine Klasse/ID erweitern
Vorher:

.navi li {
border: 1px solid #ffffff;
}

Nachher:

#mainheader .navi li {
border: 1px solid #ffffff;
}

- in der overall_header.html von phpBB3.x packst du um den Header einfach ein <div id="mainheader">

Das sollte reichen.

 

[Daaron]

Es ist unsinnig, überlange externe CSS-Files einzubinden. Unnötige Styles kosten nicht nur Bandbreite sondern auch Renderzeit.