label tag: DW8 sometimes generates illegal XHTML 1.0/Transitional code

Question

Dreamweaver 8 sometimes generates XHTML 1.0/Transitional code
that violates the DTD when using the <label> tag for adjacent
radio buttons on a form.
Consider the following example:
1) Make a new HTML page using the XHTML 1.0/Transitional
document type.
2) Working in Design mode, insert a a new form element.
3) With accessibility options turned on, insert a radio
button. When the Input Tag Accessibility Attributes dialog appears,
give the new button a label of "This is my label" and select the
"Wrap..." style.
4) Use the Property Inspector to assign a name and value of
"choice1" to the new radio button.
5) Using the arrow keys, position the cursor at the end of
the new button's label text.
6) Insert a second radio button there, and give it a label of
"This is my second label."
7) Use the Property Inspector to assign a name and value of
"choice2" to the second radio button.
Examine the resulting code. The code will be either valid or
invalid, depending on exactly where the cursor was positioned in
step 4. If you watch the Code window while you position the cursor
in step 4, you will see that the cursor positions itself EITHER
INSIDE OR OUTSIDE THE FIRST BUTTON'S </label> TAG, DEPENDING
ON which direction you were going when you positioned the cursor at
the end of the prior button's label. If you were moving the cursor
from left to right, the cursor will be placed WITHIN the first
button's closing </label> tag; if you overshot the end of the
prior label and then backed up, the cursor will be placed BEYOND
the closing </label> tag. In the former case, each button
will get a separate <label> tag pair. In the latter case,
BOTH BUTTONS WILL BE CONTAINED WITHIN A SINGLE <label> TAG
PAIR, as in the following (illegal) example:
<!--THIS CODE IS INVALID ACCORDING TO XHTML
1.0/TRANSITIONAL-->
<label>
<input name="choice1" type="radio" value="choice1" />
This is my label
<input name="choice2" type="radio" value="choice2" />
This is my second label
</label>
This is INVALID XHTML 1.0/TRANSITIONAL. Specifically, the DTD
specifies that "Each label must not contain more than ONE field" (
http://www.w3.org/TR/xhtml1/dtds.html).
Here, Dreamweaver generates one label containing two fields. While
IE6 and Opera 8.0 ignore the error and display it anyway, Firefox
1.5 follows the DTD in this case and therefore cannot handle more
than one radio button within a single label tag; the resulting form
selects the first value no matter what the user clicks on.

Answer 1

Max
This is happening because in standards mode browsers are ignoring the height="70%" attribute on the table that is the first element of div.t13BodyMargin because (among other things) it's invalid XHTML. This is the kind of thing that happens when the built-in APEX themes &ndash; designed for quirks mode &ndash; are thrown into standards mode by specifying a DOCTYPE.
You can remove that attribute from the template XHTML and try the following in your CSS:
  html, body {
  height: 100%;
form#wwvFlowForm {
  position: relative;
  height: 100%;
  min-height: 100%;
div.t13BodyMargin {
  padding-bottom: 2em;
div.t13NewBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}Note there was Re: Support for non-quirks HTML mode.
If you're determined on going down the standards route, you should check your pages against a validator and fix any other invalid mark-up in the templates, but achieving 100% compliance is unlikely due to APEX engine-generated code you have no control over.
However, if you have no real requirement for introducing the DOCTYPE declaration and are not prepared to pursue the additional effort in achieving near-compliance, it's pointless to do so as it will only introduce this kind of issue.