webForumDet fria alternativet
Logga in / Bli medlem

Tabelljustering

HTML & CSS

3 svar · 287 visningar · startad av MickeA.com

Medlem sedan feb. 20034 441 inlägg
Trådstart#1

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

Medlem sedan juli 20013 378 inlägg
#2

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

Medlem sedan feb. 20034 441 inlägg
#3

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.

Medlem sedan feb. 20034 441 inlägg
#4

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

298 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
166 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)