With form width set to 100% the right border of form goes hell knows
where behind the screen. Is there a way to tell reliably to form to
take 100% of available space, where available space means the same as
with say table width="100%" - thus without going outside of the screen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html401/strict.dtd">
<html>
<head>
<title>Form</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
margin: 0px 0px;
padding: 0px 0px}
body {
margin: 10px 10px;
padding: 0px 0px;
font: 1em Verdana, sans-serif;
color: #000000;
background-color: #FFFFFF}
form {
/* 100% of what? */
width: 100%;
margin: 10px 10px;
padding: 5px 5px;
border: thin outset;
background-color: #EEEEEE}
form fieldset {
margin: 10px 10px;
padding: 10px 10px}
form fieldset legend {
margin: 0px 0px;
padding: 5px 5px;
cursor: default;
font-weight: bold}
</style>
</head>
<body>
<form name="frm01" method="post" action="foobar.cgi"
<fieldset><legend>100% of what?</legend
<label for="foo">Foo:</label
<input type="text" name="foo" id="foo" accesskey="f"</fieldset
</form>
</body>
</html>