Tryag File Manager

/home/cluster1/data/bu01/1121861/html/shawn/width-test.html

<!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">
<head>
<title>Body width test</title>
<style type="text/css" title="text/css" media="all">
/* <![CDATA[ */

/* undohtml.css */
/* (CC) 2004-2005 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code/kbd too */
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* who thought blue linked image borders were a good idea? no abbr borders */
a img,:link img,:visited img,abbr { border:0 }

/* de-italicize address,abbr */
address,abbr { font-style:normal }

/* more varnish stripping as necessary... */

body {
    width: 280px;
    font-size: 76%;
    font-family: Verdana, Geneva, Lucida, Arial, sans-serif;
    line-height: 1.4;
    background: #efefef;
}

h1 {
    margin: 0 0 .61em 0;
    font-size: 1.7em;
    font-weight: normal;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

p {
    margin: 0 0 1.2em 0;
    font-size: 1em;
}

#page {
    margin: 0 0 1.2em 0;
    padding: 1em;
    background: #fff;
    border: 1px solid #d9d9d9;
}

/* ]]> */
</style>
</head>
<body>
<div id="page">
<h1>Zzril eu ad augue</h1>
<div class="test">
<p>Diam et ut, nulla lobortis, duis ut quis ad dolore, ut nibh consequat lobortis. Iriure duis iriure dolor aliquam enim aliquip ipsum ea odio accumsan, ea commodo ut eu delenit, feugiat feugait in vulputate nulla et dolore. Feugait feugait, praesent, dignissim autem vel dolore, ex dolore. Esse dolor nostrud consequat eros odio facilisi, sed ipsum molestie vulputate dolor, wisi facilisis duis feugiat enim eum suscipit tincidunt vel praesent at velit.</p>
</div>
</div>
<div id="page">
<img src="black-box.png" alt="A black box" />
<h1>Zzril eu ad augue</h1>
<div class="test">
<p>Diam et ut, nulla lobortis, duis ut quis ad dolore, ut nibh consequat lobortis. Iriure duis iriure dolor aliquam enim aliquip ipsum ea odio accumsan, ea commodo ut eu delenit, feugiat feugait in vulputate nulla et dolore. Feugait feugait, praesent, dignissim autem vel dolore, ex dolore. Esse dolor nostrud consequat eros odio facilisi, sed ipsum molestie vulputate dolor, wisi facilisis duis feugiat enim eum suscipit tincidunt vel praesent at velit.</p>
<p>Illum exerci ea laoreet dolore diam minim, nonummy laoreet lobortis tincidunt eum, suscipit ex. Consequat augue praesent at qui hendrerit suscipit autem eu. Tation in dolor, dolor augue, elit dignissim nisl quis, ad zzril zzril tincidunt illum elit at in molestie dignissim vulputate feugait, ullamcorper.</p>
<p>Ut consequat eum nisl velit ut duis eu ea odio nulla vero, veniam consequat dolore amet. Eros nisl dolore nostrud ipsum iusto, luptatum qui qui erat. Esse tincidunt, feugiat, molestie in ex dolor hendrerit elit duis nisl feugait, ad. Consequat ut esse et dolor, blandit, in at vulputate feugiat feugait consequat luptatum in ullamcorper ex dolore ut et duis feugiat wisi, nulla illum.</p>
<p>Nonummy vulputate velit quis dignissim consectetuer esse, luptatum facilisis autem, blandit dolore sed te praesent dolor nulla consequat vel odio exerci diam vel augue volutpat dolor. Facilisis facilisis euismod facilisi, augue iriure autem eu ut praesent lobortis, velit ut dolore, ad, veniam ut et consequat vero te in iriure magna aliquam suscipit. Ea vel commodo, nulla et exerci, commodo eum eu et nulla esse in.</p>
<p>Nulla eum nisl velit ut duis eu ea odio nulla vero, veniam consequat dolore. Exerci tincidunt nisl dolore nostrud ipsum iusto, luptatum qui. Zzril erat suscipit tincidunt, feugiat, molestie in ex dolor hendrerit elit duis nisl feugait, ad accumsan ut esse et dolor, blandit, in at vulputate feugiat.</p>
</div>
</div>

</body>
</html>