|
||||
http://xhtmlforum.de/43469-height-od...tml#post318095
Und 1em = 16px sind wohlgemerkt nur default. Aber dieser wird bei ca. 99% aller Besucher nicht oder nicht übermäßig verändert sein (allenfalls etwas größer, aber das muss das Layout eh abkönnen), also kannst Du ruhig von 16px ausgehen. |
Sponsored Links |
Sponsored Links |
|
||||
Danke !
Ich denke, ich werde jetzt erstmal das CSS entrümpeln und alles unnötige rauswerfen. Dann noch etwas mehr schematisieren ... Dann mir noch überlegen wie ich in der Menüleiste die gerade gewählte Seite markiere (Kopf und Menü sind per SSI eingebunden wg. Tippfaulheit). Da Michi einige Teile fernpflegen soll (zB Aktuelles und die Datenbanken) sind diese auch per SSI included. Hai Klaus, die Systematik muß ich mir noch erarbeiten. In C habe ich meine (= eigener Stil) was sehr vieles vereinfacht. Eins ist aber sicher: je weniger Code umso weniger Fehler. Auf meinen Topflappen habe ich mir jetzt mal den IE7 drauf, was ein Geraffel |
|
||||
Hallo Joe,
Zitat:
Deshalb hab ich dir einfach mal ne Systematik etwas ausführlicher geschrieben, das brauchbare für dich wirste dir schon rausfischen. Ich habe immer vier CSS-Dateien: eine bildschirm.css und eine druck.css, außerdem eine ie6.css und eine ie7.css die dann per CC im head eingebunden werden. Manche haben noch mehr, die unterteilen die bildschirm.css noch in weitere CSS-Dateien auf, ist mir persönlich aber zu unübersichtlich. Mir reicht eine bildschirm.css, die natürlich je nach Webauftritt ziemlich lang werden kann. Mit der immer gleichen Einteilung für alles finde ich aber alles schnell. Gruß Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
||||
Hallo Klaus,
das könnte ungefähr so aussehen: Überschriften h1 bis h6 nach Größe und Bedeutung () dann je eine Klasse für grau, Gelb und Schwarz für die Kombination mit anderen Elementen Eine a-Klasse für's Menü und eine für Links im Text. Für die generierten Tabellen noch je eine Standard-td-links und rechts und eins für die mitteleren Teile. Eine für th. Da die einzige Druckfunktion das onthefly-generierte PDF ist (probiert ?) könnte ich auf spezielle Druck.css vielleicht verzichten. Wie soll denn auch jemand eine Seite quer drucken ? Der FF macht mir da meist ziemlichen Unsinn. Eher könnte ich mir gescannte Prospekte als PDF vorstellen. Jetzt koche ich mir erst mal 'nen Kaffee und nehme mir das CSS vor ... |
|
||||
Das Beispiel mit den spans sollte Dir nur verdeutlichen, dass die Schriftgröße sich vererbt, soll heißen, wenn Du eine Schriftgröße ungleich 1em für z.B. ein span vergibst, und dann spans verschachtelst, dann wird die Schrift je nach Verschachtelungstiefe größer bzw. kleiner, weil die Schriftgröße quasi immer auf 120% (von 16px) gesetzt wird.
Erstes span 120% (von 16px) Zweites span 120% (von 120% von 16px) usw. Wenn Du mein Beispiel getestet hast, müsstest du gesehen habe, dass das 2. Quadrat bei default (= 16px) genauso groß ist,wie das erste, wenn Du die Standard-Schriftgröße aber auf 40px stellst, dann ist das 2. Quadrat nicht mehr 16x16px sondern 40x40px. Das erste Quadrat sollte nur als Referenz dienen. Ich habe immer 3 CSS-Dateien, eine screen.css, eine print.css und eine per CC eingebundene screen-ie.css. Heiko hat schonmal im Forum geschrieben, wie du innerhalb der screen-ie.css zwischen IE5.5, IE6.0 und IE7 unterscheiden kannst. Einfach mal danach suchen, im Kopf hab' ich das gerade leider auch nicht. Für Links im Menü brauche ich in der Regel eigentlich keine eigene Klasse, da das Menü eine eigene ID besitzt, z.b. "MainMenu", dann kannst du die Links darin einfach per "#MainMenu a" ansprechen. So spart man Klassen und es macht das Markup wesentlich überschaubarer, wie ich finde. |
|
||||
Hier isses: CSS Comment Bugs
|
|
||||
Zitat:
Dann muss ich für meinen Geschmack zu oft zwischen Quelltext und CSS hin,- und herspringen um nachzuschauen wo ich denn welche Klassen vergeben habe und auf welchen Seiten die überall gelten. Das mache ich immer über Nachfahrenselektoren. Bei der von mir beschriebenen Systematik finde ich alles viel schneller und kann es entsprechend schneller ändern. Wenn du Lust hast lass dir mal die CSS von dieser URL anzeigen, das erklärt vielleicht deutlicher als meine Worte warum ich was mache. Die druck.css mache ich für die Leute, die mit der Druckfunktion des Browsers arbeiten. Eine fehlende druck.css ist besonders lustig bei weißer Schrift auf schwarzem Grund. Viele Grüße Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Sitecheck | claude | Site- und Layoutcheck | 13 | 02.04.2011 22:23 |
Sitecheck + HILFE | express | Site- und Layoutcheck | 22 | 05.05.2008 18:49 |
Kriterien für den Sitecheck | IChao | Offtopic | 106 | 19.08.2007 15:38 |
Bitte um Sitecheck | laborix | Site- und Layoutcheck | 9 | 18.08.2007 18:34 |
Kriterien für den Sitecheck | laborix | Site- und Layoutcheck | 0 | 08.08.2007 18:31 |