Page 2 of 2

Re: Template mit mehreren CSS

Posted: Thu 24. Nov 2011, 15:52
by flip-flop
- IDs und Klassen reagieren case sensitive!!!! -> Bitte prüfen.

- Der Container "container" schließt auf den Folgeseiten anders als auf der Startseite.

In Firefox mit der Erweiterung Firebug recht schnell zu sehen.

Re: Template mit mehreren CSS

Posted: Fri 25. Nov 2011, 11:14
by micha-sdh
das "#container-problem" hab ich schon bemerkt. sowohl startseite als auch die nachfolgenden beziehen sich auf eine css, in der #container definiert wird. trotzdem wird diese id anders dargestellt. das verstehe ich nicht. deswegen dachte ich auch, dass das problem an anderer stelle verursacht wird.

Re: Template mit mehreren CSS

Posted: Fri 25. Nov 2011, 13:05
by flip-flop
...... weil die Container in deinen Vorlagen nicht identisch definiert sind (siehe mein letzter Beitrag). Stichworte: Groß/Kleinschreibung und Containerbereich/schließendes div.

Ändere das einfach und die Seite funktioniert, - gerade online getestet.

Re: Template mit mehreren CSS

Posted: Mon 28. Nov 2011, 12:03
by micha-sdh
Vielen Dank, flip-flop, für deine geduldige Hilfe! Hat mir sehr geholfen!

Re: Template mit mehreren CSS

Posted: Mon 5. Dec 2011, 14:08
by santscho
Betreffend CSS... Ich bevorzuge das sequenzielle Einlesen der CSS-Dateien für abweichende Templates nach folgendem Prinzip.

In der Haupt-CSS alle Atribute der CSS-Klasse definieren. Hier ein Beispiel:

Code: Select all

h1 {
	color: maroon;
	font: bold 130% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid maroon;
	padding-bottom: 4px;
}
Die Haupt-CSS lade ich in allen Templates.

Angenommen im zweiten Template soll nur Farbe des h1-Titels und der Rahmenlinie ändern. Dann lade ich im zweiten Template eine zusätzliche CSS, welche nur die Atribute enthält, die ich überschreiben möchte. Die h1-CSS im zweiten Template sieht dann so aus:

Code: Select all

h1 {
	color: red;
	border-bottom-color: red;
}
So kann man sich recht viel Arbeit ersparen wenn es änderungen gibt. Die meisten Änderungen finden dann häufig nur in der ersten CSS statt. Und diese Änderungen werden von allen Templates übernommen.