Ich hatte das Problem, dass sich ein float: left in einem div für eine horizontale Liste sich
blöderweise auch über das div hinaus auswirkte, was zur Folge hatte, dass alles was nach dem div kam weiterhin um das letzte Listenelement floss.
Nach langem Suchen fand ich die sehr einfache Lösung im Netz:
Man kann alle floats beenden in [...]
Da man Tabellen eigentlich nicht zum Layouten verwenden sollte bietet es sich auch aus semantischen Gründen an, dementsprechende alternative HTML-Tags für ein Formular-Layout zu verwenden.
Hier ein kleines Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Semantic Form</title>
<style type="text/css">
<!–
#form
{
width: 350px;
background: #aaa;
}
#form fieldset
{
padding: 0px;
border: [...]