I have a 2 pixel wide page border that needs to maintain its autostretched
limit to the browser window, as it gets filled with content. The code I've
supplied below *apparently* does what's needed in IE6. It doesn't work
the same with Firefox 2.0. Resizing the browser window behaves expectedly in
both browsers. Scrolling doesn't.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Page Border</title>

<style>
html, body {
  height: 100%;
}
body {
  background: #fff;
  margin: 0;
  padding: 0;
  border: 2px solid #000;
  color: #000;
}
.content {
  min-height: 100%;
  padding: 10px;
  text-align: center;
}
</style>
</head>

<body>

<div class="content">
    <h2>Paragraph Heading</h2>
    <p>
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
    </p>

    <h2>Paragraph Heading</h2>
    <p>
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
    </p>

    <h2>Paragraph Heading</h2>
    <p>
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
    </p>

    <h2>Paragraph Heading</h2>
    <p>
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
    </p>

    <h2>Paragraph Heading</h2>
    <p>
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
    </p>

    <h2>Paragraph Heading</h2>
    <p>
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
      This is a test paragraph. This is a test paragraph. This is a test
paragraph. This is a test paragraph.
    </p>

</div>

</body>
</html>


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to