CSS: Browserhürden elegant umgehen

[knacky]

Hallo allerseits!

Ich möchte gerne für das CMS Drupal ein Template schreiben. Ich kenne mich eigentlich mit HTML und CSS schon ein wenig aus. Was ich jedoch lernen möchte ist, wie ich elegant eine CSS Datei schreibe, die von Haus aus und ohne hacks die gängigen Browser unterstützt.

Ist dies Überhaupt möglich? Wenn ich mir den CSSZenGarden so ansehe, scheint es mir so. Ich verzichte auch gerne auf bleeding Edge Effekte um dieses Ziel zu erreichen! Nur muss ich das zuerst noch besser verstehen und lernen. Kennt jemand vielleicht ein gutes Buch, Tutorial o.ä. welches dieses Thema behandelt? SelfHTML geht mir hierbei zu schnell auf die Hacks ein.

Freundliche Grüsse

knacky

 

[msx3000]

Nicht mehr ganz frisch, aber grund solide Infos zu CSS:

CSS4You

 

[mschoening]

Hi,
du kannst dir ja mal anschauen was Dan Rubin in seinem "hackless" Layout gemacht hat: http://www.danielrubin.org/

 

[Slashwalker]

Hackless, aber mit CC. Hätte mich auch gewundert, wenn es ganz ohne "Tricks" funktioniert

 

[muad]

Schau dir doch mal yaml.de an. Da werden so gut wie alle bekannte Hürden umgangen.
Es gibt sogar schon eine Drupalversion. Da musst du einfach mal googlen...

 

[Bajuware]

jede Seite, die nicht sonderlich aufwändig gestaltet ist und neuen Standards folgt, lässt sich ohne Hacks umesetzen. Anderenfalls, sobald barrierearm gestaltet wird, oder auch nur ein .png mit transparenz verwendet wird, etc. bleiben Hacks wohl nicht aus. Ich versteh das Problem auch gar nicht. Eine sauber geschriebene CSS Datei, lässt sich wahnsinnig schnell mittels ie6.css und einer Browserweiche "hacken".

Es gibt aber auch noch so Scripts wie ie7.js, die die meisten Probleme der älteren Browser über JavaScript fixen, ohne das ein zutun nötig wäre. Aber eben auch nur, wenn JS aktiviert ist. Ich bevorzuge Oldschool * html div#ich_bin_hacker { written: self; done: yes; }

 

[knacky]

Vielen Dank für die Links und Meinungen!