Puzzling html behaviour

Tue, 5 Mar 2002 20:30:23 -0600

I am just learning html and testing with konq.  I am on KDE 2.2.1.  The 
following 3 files produce, what is to me, puzzling behaviour: when clicking 
on "link" and then returning with the browser back arrow, the percentages are 
not correctly rendered. (1) the ordered list is too far right, (2) the left 
table column is too small and (3) the right column is huge.  Reload resets 
demo.html back correctly.  By trial and error chopping of elements I got the 
page down to these essentials.   Can anyone explain what is happening?

=== demo.css ===
ol {margin-left : 12%} 

=== demo.html ===
<!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">
  <title>Demo</title>
  <link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
	<table width=100% cellspacing=0>		
	<tr>	
	<!-- Left Column -->
	<td width=30% valign=top bgcolor=honeydew>
	<br/><br/><br/><br/><br/><br/><br/><br/>
	<p>
	<a href="demolink.html">aLink</a>
	<br/><br/><br/><br/><br/><br/><br/><br/>
	</p>
	</td>
	<!-- Right Column -->
	<td width=70% valign=top>
	<br/><br/><br/><br/><br/><br/><br/><br/>
	<p>
	<a href="demolink.html">aLink</a>
	<br/><br/><br/><br/><br/><br/><br/><br/>
	<ol type="1">
		<li>Enumerated List</li>		
	</ol>	
	</td>
	</tr>
	</table>	
</body>
</html>

=== demolink.html ===
<!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">
  		<title>Page 2</title>
  		<link rel="stylesheet" type="text/css" href="demo.css">
	</head>
	<body>		
		<a href="demo.html">back</a>
	</body>
</html>

--
Quantum Mechanics: The dreams stuff is made of