Dan Scheve
2012-02-20 17:50:49 UTC
I'm baffled by how the strict DOCTYPE seems to eliminate
functionality. Please consider the template below.
Without the first line (the DOCTYPE), I get exactly what I want: a
split screen with independently scrollable sections.
With the first line, the scroll bars disappear.
Does anyone have any ideas about how to:
- Make Genshi generate NO DOCTYPE OR
- How to get the same appearance with the strict DOCTYPE?
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html>
<body>
<head>
<body >
<title>This is the title</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<style type="text/css" media="screen">
body
{
margin:10;
padding:0;
height:100%;
background-color:#e6e6e6;
}
#left_side
{
float:left;
height:100%;
width:50%;
background-color:#6498c0;
margin:auto;
overflow:scroll
}
#right_side
{
float:left;
height:100%;
width:50%;
background-color:#7da3c0;
margin:auto;
overflow:scroll
}
table
{
padding-left:5px;
}
</style>
</head>
<div id="left_side">
<table ID="leftTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>Left side</th>
</tr>
<tr> <td ID="L0"> !###This is line 0 </td> </tr>
<tr> <td ID="L1"> !###This is line 1 </td> </tr>
<tr> <td ID="L3"> !###This is line 3 </td> </tr>
<tr> <td ID="L4"> !###This is line 4 </td> </tr>
<tr> <td ID="L5"> !###This is line 5 </td> </tr>
<tr> <td ID="L6"> !###This is line 6 </td> </tr>
<tr> <td ID="L7"> !###This is line 7 </td> </tr>
<tr> <td ID="L8"> !###This is line 8 </td> </tr>
<tr> <td ID="L9"> !###This is line 9 </td> </tr>
<tr> <td ID="L10"> !###This is line 10 </td> </tr>
<tr> <td ID="L11"> !###This is line 11 </td> </tr>
</table>
</div>
<div id="right_side">
<table ID="rightTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>Right side</th>
</tr>
<tr> <td ID="R0"> !###This is line 0 </td> </tr>
<tr> <td ID="R1"> !###This is line 1 </td> </tr>
<tr> <td ID="R3"> !###This is line 3 </td> </tr>
<tr> <td ID="R4"> !###This is line 4 </td> </tr>
<tr> <td ID="R5"> !###This is line 5 </td> </tr>
<tr> <td ID="R6"> !###This is line 6 </td> </tr>
<tr> <td ID="R7"> !###This is line 7 </td> </tr>
<tr> <td ID="R8"> !###This is line 8 </td> </tr>
<tr> <td ID="R9"> !###This is line 9 </td> </tr>
<tr> <td ID="R10"> !###This is line 10 </td> </tr>
<tr> <td ID="R11"> !###This is line 11 </td> </tr>
</table>
</div>
</body>
</html>
functionality. Please consider the template below.
Without the first line (the DOCTYPE), I get exactly what I want: a
split screen with independently scrollable sections.
With the first line, the scroll bars disappear.
Does anyone have any ideas about how to:
- Make Genshi generate NO DOCTYPE OR
- How to get the same appearance with the strict DOCTYPE?
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html>
<body>
<head>
<body >
<title>This is the title</title>
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1" />
<style type="text/css" media="screen">
body
{
margin:10;
padding:0;
height:100%;
background-color:#e6e6e6;
}
#left_side
{
float:left;
height:100%;
width:50%;
background-color:#6498c0;
margin:auto;
overflow:scroll
}
#right_side
{
float:left;
height:100%;
width:50%;
background-color:#7da3c0;
margin:auto;
overflow:scroll
}
table
{
padding-left:5px;
}
</style>
</head>
<div id="left_side">
<table ID="leftTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>Left side</th>
</tr>
<tr> <td ID="L0"> !###This is line 0 </td> </tr>
<tr> <td ID="L1"> !###This is line 1 </td> </tr>
<tr> <td ID="L3"> !###This is line 3 </td> </tr>
<tr> <td ID="L4"> !###This is line 4 </td> </tr>
<tr> <td ID="L5"> !###This is line 5 </td> </tr>
<tr> <td ID="L6"> !###This is line 6 </td> </tr>
<tr> <td ID="L7"> !###This is line 7 </td> </tr>
<tr> <td ID="L8"> !###This is line 8 </td> </tr>
<tr> <td ID="L9"> !###This is line 9 </td> </tr>
<tr> <td ID="L10"> !###This is line 10 </td> </tr>
<tr> <td ID="L11"> !###This is line 11 </td> </tr>
</table>
</div>
<div id="right_side">
<table ID="rightTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>Right side</th>
</tr>
<tr> <td ID="R0"> !###This is line 0 </td> </tr>
<tr> <td ID="R1"> !###This is line 1 </td> </tr>
<tr> <td ID="R3"> !###This is line 3 </td> </tr>
<tr> <td ID="R4"> !###This is line 4 </td> </tr>
<tr> <td ID="R5"> !###This is line 5 </td> </tr>
<tr> <td ID="R6"> !###This is line 6 </td> </tr>
<tr> <td ID="R7"> !###This is line 7 </td> </tr>
<tr> <td ID="R8"> !###This is line 8 </td> </tr>
<tr> <td ID="R9"> !###This is line 9 </td> </tr>
<tr> <td ID="R10"> !###This is line 10 </td> </tr>
<tr> <td ID="R11"> !###This is line 11 </td> </tr>
</table>
</div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups "Genshi" group.
To post to this group, send email to ***@googlegroups.com.
To unsubscribe from this group, send email to genshi+***@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/genshi?hl=en.
You received this message because you are subscribed to the Google Groups "Genshi" group.
To post to this group, send email to ***@googlegroups.com.
To unsubscribe from this group, send email to genshi+***@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/genshi?hl=en.