zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Vererbung unterbinden / 2 CSS Dateien zusammenführen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.12.2007, 15:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.12.2007
Beiträge: 2
Gechillta befindet sich auf einem aufstrebenden Ast
Standard Vererbung unterbinden / 2 CSS Dateien zusammenführen

Situation:
- Es gibt mehrere Contentseiten mit einer content.css
- Es gibt eine Hauptseite mit einer main.css und einem Contentbereich (<Div class="content">)

Aufgabe:
- Die Hauptseite mit Contenseiten laden.

Probleme:
- unterschiedliche Styles Definitionen in beiden css Dateien:
z.B.: sieht "h1" in der main.css anders aus, als in der content.css
Je nachdem in welcher Reihenfolge man die css-Dateien in den Header einbindet, wird die Hauptseite anders dargestellt oder der Content(letzte Datei überschreibt vorherige).
- Vererbung: Die Hauptseite vererbt Styles auf den Contentbereich
Nicht alle Styles werden von der Content.css überschrieben und folglich sieht der Content dann auch anders aus oder umgekehrt.


Wie muss ich diese Thematik angehen?
Ist es z.B. möglich, dass ein DIV-Container nichts von "oben" erbt und nur eine css-Datei zum layouten benutzt?

Dann hätte ich wenig arbeit


Mein Horror wäre es, alle Klassen in der content.css eindeutig umzubennen und alle Contentseiten zu überarbeiten.

zB.: würde ich für den Eintrag in der content.css
Code:
a {
	text-decoration: none;
	color: #002bb8;
	background: none;
}
eine Klasse erstellen

Code:
a.content {
	text-decoration: none;
	color: #002bb8;
	background: none;
}
und in der Contentseite alle links mit class="content" erweitern.

Wäre das so richtig? Gibt es nicht einen eleganteren Weg?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.12.2007, 17:19
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi Gechillta,

so ganz habe ich dich wohl nicht verstanden, aber eine bestimmte Seite kannst du doch über Nachfahrenselektoren ansprechen.

z.B. gibst du dem body-tag eine id:
Code:
<body id="content">
darüber kannst du dann wie in deinem Beispiel a ansprechen:
Code:
#content a {
                  text-decoration: none;
	          color: #002bb8;
	          background: none;
                       }
Auf die Art kannst du dann alle Selektoren der speziellen Seite ansprechen und ein individuelles Layout formatieren.

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.12.2007, 15:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.12.2007
Beiträge: 2
Gechillta befindet sich auf einem aufstrebenden Ast
Standard

Hi Klaus,

Jau, d.h. ich erweitere jeden Eintrag in meiner content.css
mit einer zusätzlichen ID "#Content"
und lege um den Content ein DIV mit id="Content" richtig?

Allerdings hätte ich dann immer noch das Problem, dass der Content nicht richtig aussieht, wenn ich das ein oder andere Attribut vergesse zu überschreiben.
Ist es Möglich die Vererbung zu unterbinden?

"Dieses Div erbt keinen Style!"
oder
"Dieses Div vererbt nicht nach unten" ?!


Gruß,
Gechillta

Geändert von Gechillta (14.12.2007 um 16:00 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 14.12.2007, 16:22
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Gechillta Beitrag anzeigen
lege um den Content ein DIV mit id="Content"
Kein div - body bekommt die ID.

Code:
body#seite-kontakt a {
...
}
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Dingend Hilfe benötigt bei CSS Boxen für eine Wetterseite! Web4Live CSS 2 13.07.2011 17:01
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39
@import oder alle css dateien in html? Finrod CSS 7 10.08.2005 02:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:16 Uhr.