{"id":708,"date":"2008-06-09T18:05:13","date_gmt":"2008-06-09T16:05:13","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/2008\/06\/09\/css-browserreset\/"},"modified":"2017-12-03T11:06:39","modified_gmt":"2017-12-03T09:06:39","slug":"css-browserreset","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2008\/06\/css-browserreset\/","title":{"rendered":"CSS Browserreset"},"content":{"rendered":"

In den meisten meiner Webseiten, insbesondere in den j\u00fcngeren, wird man am Anfang der .css Datei Eric Meyer’s Browserreset<\/a> finden. Irgendwann hatte ich es mal ausprobiert und f\u00fcr gut befunden. Durch den Browserreset werden alle herstellerspezifischen Einstellungen auf 0 zur\u00fcckgesetzt. Das hei\u00dft: Listen li beginnen links und haben keine List-style-types, Rahmen verschwinden und alles was nach dem Gusto der Browserhersteller per Voreinstellung eingerichtet wurde.<\/p>\n

F\u00fcr mich hat sich dieses Reset als sehr vorteilhalft und zeitsparend erwiesen. Vor allem beim Formatieren von Listenmen\u00fcs geht das wie geschmiert. Mit diesem Reset bin ich in der Lage jedes Element so aufzubauen, wie ich es f\u00fcr das jeweilige Layout haben m\u00f6chte.<\/p>\n

Alternativ bin ich auf eine weitere M\u00f6glichleit gesto\u00dfen, mit der zun\u00e4chst alles auf 0 und dann wieder auf „sinnvolle“ Formatierungen raufgestezt wird.<\/p>\n

http:\/\/devkick.com\/lab\/tripoli\/ <\/a><\/p>\n

Das html Beispiel sieht mal nicht schlecht aus:<\/p>\n

http:\/\/devkick.com\/lab\/tripoli\/sample.php <\/a><\/p>\n

Ob ich das nun schlussendlich wirklich so sinnvoll finde, kann ich noch gar nicht sagen, weil ich es noch nicht getestet habe. Kommt noch. Aus Designersicht bin ich – mit Verlaub – etwas skeptisch. Das ist wohl eher was f\u00fcr Leute, die einen funktionierenden Stil haben m\u00f6chten ohne sich Gedanken \u00fcber weitergehende und sch\u00f6nere Gestaltungsm\u00f6glichkeiten machen zu m\u00fcssen. Will ich n\u00e4mlich nicht, dass es so aussieht, muss ich n\u00e4mlich doch wieder ran und \u00fcberschreiben. Dann kann ich auch gleich bei Meyer’s Reset bleiben. Warum ich \u00fcberhaupt danach gesucht habe:<\/p>\n

Solange nur eine Person das .css schreibt, ist es wohl Geschmackssache, ob man ein Browserreset verwendet oder nicht. In einer Installation an der jedoch zwei Personen arbeiten, kann es zu Konflikten kommen. In einer shop-Installation war vereinbart, dass alle Funktionen des Administrationsbereiches nicht von mir, sondern vom Programmierer des skripts formatiert werden. Dieser shop hat aber keinen selbstst\u00e4ndigen Admin-Bereich. Alle Funktionalit\u00e4ten werden im content des shop-Designs dargstellt. Einmal abgesehen davon, dass ich (auch wegen der Webdesign-Kosten) einen eigenen Admin-bereich bevorzugen w\u00fcrde – durch den Browserreset wurden auch die Eigenschaften der Formulare beeinflusst.<\/p>\n

Ich wei\u00df zwar jetzt nicht genau, warum das ein Problem sein soll – wenn fieldset dann keinen Rahmen mehr hat, dann mache ich halt einen drumherum oder \u00fcberlege ob es nicht m\u00f6glich sein kann alle Templates mit den Admin-Funktionen in ein eigenes div zu packen. Das eigentlich \u00c3\u201ergerliche an der Sache ist, dass die L\u00f6sung des Problems anscheinend die war, irgendein mir nicht bekanntes Voodoo in das css einzubauen. Damit lie\u00df sich jetzt anscheinend das Reset f\u00fcr die Formulare wieder aufheben, aber daf\u00fcr ist jetzt das Design hin\u00fcber … mein Design *schnief*<\/p>\n","protected":false},"excerpt":{"rendered":"

In den meisten meiner Webseiten, insbesondere in den j\u00fcngeren, wird man am Anfang der .css Datei Eric Meyer’s Browserreset finden. Irgendwann hatte ich es mal ausprobiert und f\u00fcr gut befunden. Durch den Browserreset werden alle herstellerspezifischen Einstellungen auf 0 zur\u00fcckgesetzt. Das hei\u00dft: Listen li beginnen links und haben keine List-style-types, Rahmen verschwinden und alles was … Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[14,143],"yst_prominent_words":[],"class_list":["post-708","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-webdesign-2","tag-css-xhtml"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=708"}],"version-history":[{"count":1,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/708\/revisions"}],"predecessor-version":[{"id":4039,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/708\/revisions\/4039"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=708"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}