webForumDet fria alternativet
Logga in / Bli medlem

table width

HTML & CSS

5 svar · 235 visningar · startad av Viktor

Medlem sedan aug. 20021 752 inlägg
Frågan#1

Jag har en tabell och i den finns det 2 td, en ska vara 100px stor och den andra ska fylla ut tabellen som i sin tur är 100%,

<table width="100%" border="1" cellspacing="1" cellpadding="4" class="table">
	<tr>
		<td width="100" valign="top" class="bgcolor2">
			<span class="posterInfo">
				Since:
			</span>
		</td>
		<td valign="top" class="bgcolor1">
			<span class="postBody"></span>
		</td>
	</tr>
</table>

men när jag kör det så blir den första "td" hur stor som hellst om jag inte fyller ut den andra "td" med text. Någon som har en lösning på det? Hur man kan få den första "td" att alltid vara 100.

/Viktor

Medlem sedan apr. 2002184 inlägg
#2

Tabeller i dina celler borde fixa det. Testa följande kod:

<table border="1" width="100%" cellspacing="1" cellpadding="4" class="table">
	<tr>
		<td width="100" valign="top" class="bgcolor2" bgcolor="#CCCCCC">
		   <table width="96" border="0" cellpadding="0" cellspacing="0">
		     <tr><td>
			<span class="posterInfo">
				Since:
			</span>
		     </td></tr>
		   </table>
		</td>
		<td valign="top" class="bgcolor1" bgcolor="#000000">
		  <table width="100%" border="0" cellpadding="0" cellspacing="0">
		    <tr><td>
			<span class="postBody"></span>
		    </td></tr>
                  </table>
		</td>
	</tr>
</table>

Bakgrundsfärgen är bara med för att det ska vara tydligt.

[r] Råkade missa en "<" och en "</table>". :r

Medlem sedan sep. 20021 655 inlägg
#3

Testa att ändra den första tabell-raden till:
<td style="max-width: 100px;" valign="top" class="bgcolor2">

Medlem sedan dec. 2000557 inlägg
#4

Din tabell är korrekt gjord, dock kan du inte lämna cellerna tomma.. måste ha något i dem.

<table width="100%" border="1" cellspacing="1" cellpadding="4" class="table">
	<tr>
		<td width="100" valign="top" class="bgcolor2">
			<span class="posterInfo">
				Since:
			</span>
		</td>
		<td valign="top" class="bgcolor1">
			<span class="postBody">[b]Hej..[/b]</span>
		</td>
	</tr>
</table>
Medlem sedan sep. 200213 inlägg
#5

tabell

Hej

Nej din tabell är inte alls korrekt gjord om du vill att den skall fungera i NS. Har du förhandsgranskat den i NS, det verkar så, för IE har inga problem med nollceller alltså celler utan width. Du har 100 px och i andra cellen inget värde detta kan inte NS läsa utan precis som du säger cellen förskjuts om det inte finns nog data i cellen.

ange 700 px i cellen. NS nöjer sig med att det finns ett relevant värde alltså anpassad för 800/600 men tabellen är 100% så tabellen kommer att fungera korrekt och din cell som är 100 px förblir 100 px.

NS är petig med att det alltid finns värden i celler och tabeller, samt att det finns något i dem. Är en cell tom visar NS cellen som en upphöjd yta. Använd   i cellen om du ej skall ha någon text eller bild i cellen.

Notera också att det tar längre tid för en webbläsare att läsa in objekt i en webbsida om det inte finns värden.

Mvh Peter

Medlem sedan sep. 200213 inlägg
#6

tabell

Hej

Nej din tabell är inte alls korrekt gjord om du vill att den skall fungera i NS. Har du förhandsgranskat den i NS, det verkar så, för IE har inga problem med nollceller alltså celler utan width. Du har 100 px och i andra cellen inget värde detta kan inte NS läsa utan precis som du säger cellen förskjuts om det inte finns nog data i cellen.

ange 700 px i cellen. NS nöjer sig med att det finns ett relevant värde alltså anpassad för 800/600 men tabellen är 100% så tabellen kommer att fungera korrekt och din cell som är 100 px förblir 100 px.

NS är petig med att det alltid finns värden i celler och tabeller, samt att det finns något i dem. Är en cell tom visar NS cellen som en upphöjd yta. Använd non breaking space i cellen om du ej skall ha någon text eller bild i cellen.

Notera också att det tar längre tid för en webbläsare att läsa in objekt i en webbsida om det inte finns värden.

Mvh Peter

257 ms totalt · 4 externa anrop · v20260731065814-full.14655e19
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)