CSS: BODY tag and HR background [Archive]

Voltage Spike

01-13-2004, 10:19 AM

Converting this HTML/CSS document with iSiloX for Mac OS X results in two rendering errors on iSilo for PalmOS. Note: I have not tried any of the other iSilo converter or reader programs.

The first bug is that iSiloX does not seem recognize the BODY tag as a valid selector.

The second bug is that the "background: black" property results in the loss of the remaining properties.

I realize that implementing CSS is a daunting task, and I appreciate your support.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=iso-8859-1" />
<TITLE>Test Document</TITLE>
<STYLE TYPE="text/css">
BODY > P { text-indent: 1.5em; margin-top: 0; margin-bottom: 0 }

HR.short { width: 10%; height: 0.5em; text-align: center;
background: black; margin-top: 1em; margin-bottom: 1em }
HR.shortb { width: 10%; height: 0.5em; text-align: center;
margin-top: 1em; margin-bottom: 1em }
</STYLE>
</HEAD>
<BODY>

<P>This paragraph should be indented. Also, the following two
horizontal rules should be 10% wide.</P>

<HR CLASS="short" />
<HR CLASS="shortb" />

<BLOCKQUOTE>
<P>This paragraph should <EM>not</EM> be indented (although it is offset
due to being inside a blockquote.</P>
</BLOCKQUOTE>

</BODY>
</HTML>

iSilo

01-13-2004, 03:45 PM

For the first issue, it turns out that the problem is not that BODY is not recognized as a valid selector. It in fact is. The real issue is that the descendant and child selector implementation is incomplete.

For the HR issue, the problem turns out to be that the background color specification for the HR.short style makes the entire line black. Horizontal rules are by default rendered in iSilo in black. The 10% width is actually honored. It is just that iSilo paints the background of the entire line black, so you can't see the "black" horizontal rule in the middle.

Both these issues will require further investigation for a future fix/update.

Thank you for reporting the problems and providing a short concrete example to reproduce the issues.