webForumDet fria alternativet

Gömma överflödigt i en td

HTML & CSS

2 svar · 250 visningar · startad av Jaar

Medlem sedan juli 2001434 inlägg
Frågan#1

Jag har en tabell som ser ut så här (förenklat)

<table width="150">
<tr>
<td width="100">Lite text</td>
<td width="50" style="overflow: hidden;" title="För mycket text för att få plats på 50 pixlar">För mycket text för att få plats på 50 pixlar</td>
</tr>
</table>

varför funkar inte overflow hidden? Finns det något smart sätt jag kan göra för att gömma det som inte får plats?

Behöver bara fungera i IE4+

Medlem sedan juli 20013 378 inlägg
#2

Hmmm....
* Dels har du bara "låst" storleken i en dimension (ingen height:50px i stilmallen)...
* Dels funkar vissa stilar bara på <div> och <span> i MSIE... Tydligen är overflow:hidden en sådan...

Alternativ:
Lägg in en <div> i tabellcellen och flytta overflow: m.m. dit så funkar det.

<table width="150">
<tr>
<td width="100">Lite text</td>
<td width="50" style="overflow: hidden;" title="För mycket text för att få plats på 50 pixlar">
  <div style="height:50px; width:50px;overflow: hidden">
  För mycket text för att få plats på 50 pixlar
  </div>
</td>
</tr>
</table>

så funkar det...

Medlem sedan juli 2001434 inlägg
#3

Hade testat det och det fungerar. Känns inte helt optimalt, men så länge det fungerar så är jag glad :)

272 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
131 ms — ändringar (db)