<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>workbench @ haefelinger.it &#187; webdesign</title>
	<atom:link href="http://workbench.haefelinger.it/archives/tag/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://workbench.haefelinger.it</link>
	<description>Notes, thouhts and other stuff on software development</description>
	<lastBuildDate>Wed, 07 Apr 2010 07:02:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>About Reseting CSS Properties</title>
		<link>http://workbench.haefelinger.it/archives/128</link>
		<comments>http://workbench.haefelinger.it/archives/128#comments</comments>
		<pubDate>Mon, 30 Nov 2009 10:26:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webdesign]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://workbench.haefelinger.it/?p=128</guid>
		<description><![CDATA[Designing a layout using HTML/CSS is not a job for the faint hearted. Quit often there is a clash with built-in properties which are not consistent defined in all browsers. This led to the approach of using a style-sheet which resets CSS properties. The style-sheet populated by Eric Meyer, a rather well known CSS styling [...]]]></description>
			<content:encoded><![CDATA[<p>Designing a layout using HTML/CSS is not a job for the faint hearted. Quit often there is a clash with built-in properties which are not consistent defined in all browsers. This led to the approach of using a style-sheet which <em>resets</em> CSS properties. The style-sheet populated by <a href="http://meyerweb.com/">Eric Meyer</a>, a rather well known CSS styling guru, is for example given <a href="http://meyerweb.com/eric/tools/css/reset/">here</a>.</p>
<p>Eventually I would like to say that it did not work out for me. All too often I found myself trying to set the default values I have just discarded in my <code>reset.css</code> style-sheet. Ignoring inconsistencies for the moment, the I would like to state that usually all default properties are rather wisely chosen and contain exactly what you want when <strong>writing</strong> an article, a posting whatever.</p>
<p>Inconsistencies start to matter when <strong>designing</strong> a website. Then browser inconsistencies can have disastrous effects (like two <code>divs</code> are not side-by-side floated cause they don&#8217;t fit in the given width by perhaps just one pixel). However it&#8217;s just a small part of the website which needs <em>precision</em> rendering and not the whole website.</p>
<p>So, instead of setting the padding of <strong>all</strong> <code>divs</code> to be </p>
<pre>
div { padding: 1px 0; }  /* avoid margin collapsing */
</pre>
<p>I propose to reset only where it matters:</p>
<pre>
#header, [..], #footer, #header div, [..], #footer div, #content-main {
  padding: 1px 0; /* avoid margin collapsing */
}
</pre>
<p>Please notice that divs are <em>reset</em> in all grid elements except within #content-main (supposed to hold your page its informational content). Therein, default values are just fine.</p>
]]></content:encoded>
			<wfw:commentRss>http://workbench.haefelinger.it/archives/128/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
