WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   radhöjd i tabell för IE (https://www.wn.se/forum/showthread.php?t=10594)

crunked 2005-10-28 14:30
Följande kod för en tabell fungerar som jag vill i FF men inte i IE. Problemet är att IE inte accepterar höjderna jag sätter, utan fördelar höjderna lika mellan alla rader.
Så här ser det ut:

Produktgrupp | Produkt
===================
text | rad 1
text |
text | rad 2
text |
text | rad 3
text |

Fast jag vill att det ska se ut så här:

Produktgrupp | Produkt
====================
text | rad 1
text | rad 2
text | rad 3
text |
text |
text |


Jag kan inte sätta en fast höjd på td:n med texten eftersom textmassans storlek varierar.
Något förslag på hack eller omstrukturering för att få det att se ut som jag vill?

Kodexempel:
Kod:
<table border="1">
  <tr>
    <th>Produktgrupp</th>
    <th>Produkt</th>
  </tr>
  <tr>
    <td rowspan="3">textmassa</td>
    <td style="height:20px">rad 1</td> <!-- denna höjd ska gälla -->
  </tr>
  <tr style="height:20px"> <!-- denna höjd ska gälla -->
    <td>rad 2</td>
  </tr>
  <tr>
    <td>rad 3</td>
  </tr>
</table>

robertsson 2005-10-28 14:41
valign=top kanske i tr-taggen kanske hjälper?

crunked 2005-10-28 15:28
Nej, tyvärr inte...

jon 2005-10-28 15:54
Kod:
<td valign="top">

jimmie 2005-10-28 15:56
sätt line-height:20px;

crunked 2005-10-28 16:11
Uppskattar hjälpen! Men tyvärr ger förslagen ingen skillnad på höjden på cellerna. Bara texten inuti flyttas/förändras.

koala 2005-10-28 16:16
Insåg att du förmodligen angriper fel problem. Är inte helt säker på vad du vill åstadkomma, men det går nog att göra lite enklare om du t ex använder divs.

chrizz 2005-10-29 00:55
Du vill alltså att "rad1, rad2, rad3" ska ligga under varandra i högra columnen med radhöjderna 20px, oavsett hur hög vänstra columnen är? Har jag förstått rätt?

Isåfall är endast en table fel val eftersom cellerna "följer" höjden automatiskt... Du behöver skapa t.ex. en tabell med en vänster och en höger column, sen ytterligare en tabell i den högra, eller ännu bättre/enklare 3 st divs på samma plats.

t.ex.:

Kod:

<table border="1">
<tr>
<td>
Textmassa
</td>
<td style="vertical-align: top">
<div style="height: 20px">Rad 1</div>
<div style="height: 20px">Rad 2</div>
<div style="height: 20px">Rad 3</div>
</td>
</tr>
</table>

crunked 2005-10-30 10:37
Ok, tackar.. provar nästlade tabeller istället.

TeleJack 2005-11-01 11:36
IE gillar att alla rader har en höjd angiven samt även total höjd i table. Om du inte vet total höjd rekommenderar jag nästlade tabeller.


Alla tider är GMT +2. Klockan är nu 09:39.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson