Friends,
I maintain a site that has a substantial number of documents which have
numbered paragraphs. I am moving the site from a table oriented to a
simpler structure using DL/DT/DD, and it appears to display well in the
browsers that I have access to (IE 6.0.2 Win XP and FF 1.0.4, same OS).
The problem is printing. I either get pages that have no content (IE), or
the browser freezes while trying to render the pages (FF). (I use print
preview rather than using up paper...)
Its the real world and things are complex, and I may be climbing the wrong
tree, but the pages print when print.css is not linked. Progressively
commenting out portions of the code therein and trying again, ultimately
demonstrates that when the one statement "float: left" in the definition
within print.css for the DT is commented out, the pages print, but of
course the numbers are above each of their corresponding paragraphs. The
particular styles which give me the proper display of numbered paragraphs
in the definition list (modified from an example at
http://webboy.net/presentation/definition/dl-table-display.htm to enable a
wider range of font sizes) are as follows, in both the screen.css and
print.css are:
/* Main numbered text layout */
dl.NumberedText {
width: 100%;
margin: 2em 0 0 0;
padding: 0;
}
dl.NumberedText dt {
width: 6%;
/* if the next line is commented out in print.css, no crashing... */
float: left;
margin: .75em 0 0 0;
padding: 0 .5em 0 0;
font-size: 60%;
line-height : 300%; */
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
/* commented backslash hack for mac-ie5 \*/
dl.NumberedText dt { clear: both; }
/* end hack */
dl.NumberedText dd {
float: left;
width: 92%;
margin: .75em 0 0 0;
padding: 0 0 0 0;
text-indent: 1.5%;
}
The HTML (greatly simplified) would be:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>
<body>
<dl class="NumberedText">
<dt>1.</dt>
<dd>This is paragraph number one, as shown by the number to the left...</dd>
</dl>
</body>
</html>
The site itself is password protected, and it uses a JS menu system which
licensed to that one url. Thus, I have gone to a different domain to put up
an example. Because it would not work anyway, I have not put the menu
script up and because there are only a few files in the test directory,
none of the links will work, but if you want to see an example direct from
the site, warts and all, I have put a quasi-real world page up at
http://www.h4c.org/testing/html/20020410.html.
The CSS for printing is found at http://www.h4c.org/testing/css/print.css.
For the screen display the CSS is at http://www.h4c.org/testing/css/screen.css
Any ideas? What's the deal?
d.
David William House
AllHear, Inc.
P.O. Box 330 / 23022 Yeary Lane N.E.
Aurora, OR 97002-0330 USA
(503) 266-6730 (voice) / (503) 266-6418 (fax)
[EMAIL PROTECTED] (e-mail)
http://www.AllHear.com (corporate web site)
"Make no search for water.
But find thirst,
And water from the very ground will burst."
(Rumi, a Persian mystic poet, quoted in Delight of Hearts, p. 77)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
