Tabelljustering

Hej

Har en tabell i en tabell, där sedan formulär skrivs ut dynamsikt.
Problemet är att det blir en viss förskjutning mellan de båda tabellerna innehåll, trots att width är satt till samma sak.

Kolla bilden så ser ni vad jag menar.

Koden för det hela ser iaf. ut som följer:

<table cellpadding="0" cellspacing="0">
<tr>
<td style="height: 5px;"><img src="pics/spacer.gif" border="0" alt=""></td>
</tr>
<tr>
<td class="text" style="padding-left: 5px;">
	<table cellpadding="0" cellspacing="0" style="width: 785px;">
	<tr>
	<td class="text" colspan="6" style="height: 10px;">
		<table cellpadding="0" cellspacing="0" style="width: 785px; border: 1px #000000 solid;">
		<tr>
		<td class='rub' style="padding-left: 5px; border: 1px #000000 solid; width: 180px;">Vara:</td>
		<td class='rub' style="width: 100px; border: 1px #000000 solid;">Hårdhet</td>
		<td class='rub' style="width: 100px; border: 1px #000000 solid;">Antal</td>
		<td class='rub' style="width: 75px; border: 1px #000000 solid;">Antal / Förp.</td>
		<td class='rub' style="width: 50px; border: 1px #000000 solid;">Pris</td>
		<td class='rub' style="width: 50px; border: 1px #000000 solid;">Lägg Till</td>
		</tr>
		</table>
	</td>
	</tr>
	<tr>
	<td colspan='6' style="height: 2px;"><img src='pics/spacer.gif' border='0' alt=''></td>
	</tr>
<tr bgcolor="<%=strColor%>">
	<td class="text" colspan="6">
	<form method="post" action="default.asp?avd=cart&amp;a=add&amp;p=<%=sql_intr%>" style="margin: 0px;">
		<table cellpadding="0" cellspacing="0" style="width: 785px; border: 1px #000000 solid;">
		<tr>
		<td style="width: 180px; border: 1px #000000 solid; padding-left: 5px;"><%=oRec("Vara")%></td>
		<td style="width: 100px; border: 1px #000000 solid;"><input type="hidden" name="strID" value="<%=oRec("ID")%>"><%=strSelect%></td>
		<td style="width: 100px; border: 1px #000000 solid;"><input type="text" value="0" name="strAnt" class="txts" size="3"></td>
		<td style="width: 75px; border: 1px #000000 solid;"><%=oRec("Pkt")%></td>
		<td style="width: 50px; border: 1px #000000 solid;"><%=oRec("Pris")%>&nbsp;Kr</td>
		<td style="width: 50px; border: 1px #000000 solid;"><input type="image" src="pics/add2cart.png" style="border: 0px;" onClick="<%=strJS%>"></td>
		</tr>
		</table>
		</form>
	</td>
	</tr>
	<tr>
	<td colspan='6' style="height: 5px;"><img src='pics/spacer.gif' border='0' alt=''></td>
	</tr>
</table>
</td>
</tr>
</table>

Jag ser inget fel som jag gjort, fast det brukar ju bra svårt att se sina egna misstag ;)

Har validerat sidan enligt HTML4.01 och den går igenom utan fel.

Verkar som om filuppladdningen ligger nere, länken till bilden är: http://MickeA.dynDNS.org/wF.jpg

Hmm..

Nu verkar å ena sidan din sida vara ute på vift i binära världsrymden den också så det är svårt att se ditt exempel ;) ...

Men å andra sidan så borde CSS-stilarna

table-layout:fixed;overflow:hidden;

lösa dina problem om du lägger dem i bägge dina <table>-taggar såhär:

<table cellpadding="0" cellspacing="0" style="width: 785px; border: 1px #000000 solid;[b]table-layout:fixed;overflow:hidden;[/b]">

:birp

Jasså, ska testa när jag kommer he.

Lite dumt av mig att lägga bilden på den servern, den är nämligen avstängd just nu, därför går inte bilden att se.

Jag testar det där och återkommer, tack.

Tack för ett bra svar, funkar utmärkt i både IE & Moz.