Attachment 126497 Details for Bug 109927

Padding in DIV incorrectly increases DIV width

div_padding.html (text/html), 1.30 KB, created by Dwight Brown

(hide)

Description:

Filename:

MIME Type:

Creator: Dwight Brown

Size: 1.30 KB

patch

obsolete

><?xml version="1.0"?>
><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
>    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
><head>
>	<title>XHTML Strict Document</title>
>	<style type="text/css">
>	body { background-color: silver; color: black; }
>
>	div { background-color: white; }
>
>	#mainbody
>	{
>		width: 700px;
>		background-color: white;
>		margin-left: auto;
>		margin-right: auto;
>		border: 3px solid black;
>	}
>
>	#mainheader
>	{
>		width: 100%;
>		height: 100px;
>		border-bottom: 1px solid black;
>	}
>
>	#mainnav
>	{
>		width: 150px;
>		float: left;
>		border-right: 1px solid black;
>	}
>
>	#maincontent
>	{
>		width: 549px;
>		float: right;
>	}
>	</style>
></head>
><body>
>	<div id="mainbody">
>
>		<div id="mainheader">
>			<p style="padding: 10px; margin-top: 0;">
>			#header
>			</p>
>		</div>
>
>		<div id="mainnav">
>			<p style="padding: 10px; margin-top: 0;">
>			#nav
>			</p>
>		</div>
>
>		<div id="maincontent">
>			<p style="padding: 10px; margin-top: 0;">
>			#content
>			</p>
>		</div>
>	</div>
>
>	<p style="text-align: center; margin-top: 0.5in;">
>      <a href="http://validator.w3.org/check/referer"><img
>          src="http://www.w3.org/Icons/valid-xhtml10"
>          alt="Valid XHTML 1.0!" height="31" width="88" style="border: 0;" /></a>
>    </p>
></body>
>
></html>

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>XHTML Strict Document</title>
	<style type="text/css">
	body { background-color: silver; color: black; }

	div { background-color: white; }

	#mainbody
	{
		width: 700px;
		background-color: white;
		margin-left: auto;
		margin-right: auto;
		border: 3px solid black;
	}

	#mainheader
	{
		width: 100%;
		height: 100px;
		border-bottom: 1px solid black;
	}

	#mainnav
	{
		width: 150px;
		float: left;
		border-right: 1px solid black;
	}

	#maincontent
	{
		width: 549px;
		float: right;
	}
	</style>
</head>
<body>
	<div id="mainbody">

		<div id="mainheader">
			<p style="padding: 10px; margin-top: 0;">
			#header
			</p>
		</div>

		<div id="mainnav">
			<p style="padding: 10px; margin-top: 0;">
			#nav
			</p>
		</div>

		<div id="maincontent">
			<p style="padding: 10px; margin-top: 0;">
			#content
			</p>
		</div>
	</div>

	<p style="text-align: center; margin-top: 0.5in;">
      <a href="http://validator.w3.org/check/referer"><img
          src="http://www.w3.org/Icons/valid-xhtml10"
          alt="Valid XHTML 1.0!" height="31" width="88" style="border: 0;" /></a>
    </p>
</body>

</html>

Actions: View

Attachments on bug 109927: 126497 | 126498