Formatierung Spaltengrösse im Web

[DAU-in]

In einer Applikation, die ich betreue, wird in einer Teilmaske eine eingebettete kategorisierte Ansicht angezeigt.
Der Zugriff erfolgt über das Web, die Spaltenüberschrift ist auf der Teilmaske, die Spalten in der Ansicht selbst enthalten HTML-Code.

Mein Problem ist jetzt, die Spaltenbreiten der Überschriften mit den Spaltenbreiten der Ansichten in Übereinstimmung zu bringen.
Wie schaffe ich es bzw. ist es überhaupt zu schaffen, dass width für die Überschriften und für die Spalten gleich interpretiert wird? Ohne das Design zu ändern?
Derzeit 'verzieht' es immer wieder die Einstellungen, so dass der Inhalt von Spalte 6 unter der Überschrift von z.B. Spalte 3 oder Spalte 7 steht.

die Überschriften auf der Teilmaske sehen so aus:


<font face="Arial" size="1pt">
<div style="width: 900px; height:600px; overflow: auto;">
<font face="Arial" size="1pt"  color = "#111111" >
<table border="0" cellspacing="2" cellpadding="1">
<tr >
<td width="50"></td>
<td width="500" > Spalte1</td>
<td width="250">Spalte2</td>
<td width="250">Spalte3</td>
<td width="150">Spalte4</td>
<td width="50"></td>
<td width="200">Spalte5</td>
<td width="50"></td>
<td width="150">Spalte6</td>

<td width="150">Spalte7</td>
<td width="25"></td>
<td width="150">Spalte8</td>
</tr>
</table>
</font>
<table>
eingebettete ansicht
</table>


Die Spalten der Ansicht sehen so aus:

@If(@Trim(Feld1)!="";_name := Feld1; _name:="--XXX--");

_tab := "";
_href := "<span style='color:blue'><a href='agent?OpenAgent&" +doc_id+"'>" +_name+ "</a></span>";
"<td width= 650   >" + _tab + _href + "</td>"


und so:

@If(@Trim(@Text(@Name([CN];bearbeiter)))!="";_modified := @Text(@Name([CN];bearbeiter)); _modified :="--XXXXX--");


"<td width=800>"+"<a color='#000000'>" + _modified+"</a>" + "</td>"


grüsse

Dau-in 

[Jörg Barth]

Probiers dochmal mit <th>...</th> statt der Tabelle für die Überschriften...

Gruss Jörg

[DAU-in]

leider keine Auswirkung 

[Jörg Barth]

Also so:

<table >
  <thead>
    <tr>
      <th>Kopf 1</th>
      <th>Kopf 2</th>
          ...
    </tr>
  </thead>
    <tbody>
    eingebettete Ansicht
  </tbody>
</table>

?

[m3]

IMHO falscher Ansatz. Du willst nicht eine Tabelle in der Tabelle haben, sondern die TDs mit colspans zusammenfassen, dann positioniert sich alles immer korrekt.

Code

<table border="1" cellspacing="2" cellpadding="1">
<tr >
<td width="50"></td>
<td width="500" >Spalte1</td>
<td width="250">Spalte2</td>
<td width="250">Spalte3</td>
<td width="150">Spalte4</td>
<td width="50"></td>
<td width="200">Spalte5</td>
<td width="50"></td>
<td width="150">Spalte6</td>

<td width="150">Spalte7</td>
<td width="25"></td>
<td width="150">Spalte8</td>
</tr>

	<!-- eingebettete Ansicht -->
	<tr>
		<td colspan="4"><span style="color:blue"><a href="agent?OpenAgent&doc_id">--XXX-- Spalte 1-4</a></span></td>
		<td colspan="8"><a color='#000000' href="#">--XXXXX-- Spalte 4-8</a></td>
	</tr>

</table>

Weiters:

a) th statt td, wenn es sich um die Header der Tabelle handelt, das ist einfach guter Stil.
b) Attributswerte IMMER mit doppelten Anfürhungszeichen umgeben

[DAU-in]

Ich werde gleich abdüsen ins WE , aber am montag versuche ich es nochmals.

Auf alle Fälle vielen Dank für die Hilfe.

PS: falls jemand meint, schön so früh ins WE:
Ich bin in FRANKEN unterwegs.

[DAU-in]

das <thead> von Joerg hat die Situation schon mal verbessert.

Die Späne folgen dann nächste Woche.