automatisk rättning av en tabell

4 svar · 253 visningar · startad av calson 22 jan. 2004

calsonMedlem sedan dec. 2003487 inlägg

Frågan22 jan. 2004 20:53#1

<table width="100%" height="3">
  <tr>
    <td width="100">  </td>
    <td width="100">  </td>
    <td> Dig </td>
  </tr>
</table>

Den sissta tabellen synns inte och rör därför ihop tabellen.
Jag vet att man kan använda sig av mellanslags kod(som inte gick att skriva här) men det vill jag inte göra eftersom tabellen är 3px hög.
De andra kolumnerna funkar eftersom jag har satt width på dom.

Någon som vet hur man löser problemet med den sissta tabellen när man inte vet exakt hur många pixlar/procent bred den ska vara?

Tack för all hjälp

jarvkloMedlem sedan juli 20013 378 inlägg

23 jan. 2004 11:30#2

Hmm...

Bredden på sista cellen justerar sig automatiskt efter bredden på hela tabellen!

Testa detta:

<table width="100%" cellpadding="0" cellspacing="0" style="height:3px">
  <tr>
    <td width="100" style="background-color:gray;font-size:1px">&amp;nbsp;</td>
    <td width="100" style="background-color:maroon;font-size:1px">&amp;nbsp;</td>
    <td style="background-color:silver;font-size:1px"> Dig </td>
  </tr>
</table>

Tips - om du vill ha en 3 pixel hög tabell så sätt font-size som här mindre än 3px på innehållet så att cellerna inte drar iväg i höjdled och ta bort cellspacing och cellpaddingockså.

  skriver du in som &nbsp; här på wF förresten - står längst ner i hjälpen - dvs. här ;)

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 00:27#3

tack jarvklo men det var tyvärr inte riktigt så jag ville ha det

finns det inget liknande sätt som när man arbetar med frames:

width="*" alltså width="resten"

Ett exempel till

    <td width="100%" height="100%">

	<table border="2" cellspacing="0" cellpadding="0" height="100%" width="100%">
	  <tr>
	    <td width="150" height="100%" valign="middle" align="center">

		1

	    </td>
	    <td width="302" height="100%" cellspacing="0" cellpadding="0">

		2

	    </td>
	    [b]<td height="100%">

		<table border="0" cellspacing="0" cellpadding="0" height="100%">
		  <tr>
		    <td height="90" style="border-left: 1 solid #FFFFFF; border-right: 1 solid #C8C3C3" bgcolor="#F0F0F0"> &nbsp; </td>
		  </tr>
		  <tr>
		    <td style="border-left: 1 solid #FFFFFF; border-right: 1 solid #C8C3C3" bgcolor="#F0F0F0" valign="top"> &nbsp; </td>
		  </tr>
		</table>

	    </td>[/b]
	    <td width="452" height="100%">

		4

	    </td>
	  </tr>
	</table>
	
    </td>

i column #3 så skrivs hela tabellen ut men bakgrundsfärgen blir lika smal som texten.. Alltså skriver jag hej i column 3 som den ser ut nu så blir den del av columnen som är färgad grå lika bred som texten och resten av columnen blir vit.

Någon som förstår mitt problem?

calsonMedlem sedan dec. 2003487 inlägg

24 jan. 2004 17:38#4

igen som vet ett bra sätt att fixa detta?

jarvkloMedlem sedan juli 20013 378 inlägg

24 jan. 2004 18:38#5

Hmm...

Om du sätter width="100%" på tabellen som ligger i "kolumn 3" fungerar det inte som du vill då ?