<?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>Webmaster-Source &#187; box model</title>
	<atom:link href="https://www.webmaster-source.com/tag/box-model/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.webmaster-source.com</link>
	<description>Useful Resources For Webmasters</description>
	<lastBuildDate>Thu, 24 Aug 2017 02:01:18 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.42</generator>
	<item>
		<title>Box-Model Lunacy</title>
		<link>https://www.webmaster-source.com/2007/12/11/box-model-lunacy/</link>
		<comments>https://www.webmaster-source.com/2007/12/11/box-model-lunacy/#comments</comments>
		<pubDate>Tue, 11 Dec 2007 13:00:55 +0000</pubDate>
		<dc:creator><![CDATA[Matt]]></dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[box model]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.webmaster-source.com/2007/12/11/box-model-lunacy/</guid>
		<description><![CDATA[I&#8217;ve been doing some design work lately, and I&#8217;ve been dealing heavily with the Box Model. If I want to create a 200px-wide box with 3px padding, I have to set the width to 194px. Why? Because otherwise the box ends-up as 206 pixels wide. Why is the box model like this? 200 pixels wide [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve been doing some design work lately, and I&#8217;ve been dealing heavily with the <a href="http://www.w3.org/TR/REC-CSS2/box.html">Box Model</a>.</p>
<p>If I want to create a 200px-wide box with 3px padding, I have to set the width to 194px. Why? Because otherwise the box ends-up as 206 pixels wide. Why is the box model like this? 200 pixels wide should mean 200 pixels wide. The three pixels in padding shouldn&#8217;t change the size of the box, just the textual content inside the box. It just makes more sense.</p>
<p>What do you think? Does the Box Model make sense to you as it is, or is my way better?</p>
]]></content:encoded>
			<wfw:commentRss>https://www.webmaster-source.com/2007/12/11/box-model-lunacy/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/


Served from: www.webmaster-source.com @ 2026-06-09 09:05:17 by W3 Total Cache
-->