Height i cell i Explorer...

13 svar · 787 visningar · startad av :stefan: 5 dec. 2006

:stefan:Medlem sedan apr. 200015 687 inlägg

Frågan5 dec. 2006 16:42#1

Jag ger mig den på att svaret finns nånstans, men hur jag än letar hittar jag inte rätt...

Alltså, jag har en hederlig gammal table med ett gäng celler i två kolumner. I den högra har jag stoppat in Overrides javascript, men när det expanderar åker även cellerna i den vänstra kolumnen isär i IE. :l

Jag har fipplat med <td width="150" height="31"> för att låsa höjden på de vänstra cellerna och även att stoppa in style="height: 31px" som jag såg ett tips om nånstans, men det är ju lögn i h***** att få det att fungera.

Om man kan få en hel kolumn låst till en cellstorlek funkar inte det, då de är av skiftande storlek.

I Opera och Firefox ser det perfekt ut, men IE tolkar ju kod som fan läser bibeln... Hilfe innan jag hivar ut nåt genom fönstret!

zcorpanMedlem sedan dec. 20042 245 inlägg

5 dec. 2006 18:05#2

#mindiv { position:absolute; }

:stefan:Medlem sedan apr. 200015 687 inlägg

5 dec. 2006 19:37#3

Hm, det låter lovande, men hur använder man såna däringa divvar egentligen? Fan vad man glömmer när man inte pillar html jämt... :r :e

zcorpanMedlem sedan dec. 20042 245 inlägg

5 dec. 2006 20:25#4

Hur ser din HTML-kod ut?

:stefan:Medlem sedan apr. 200015 687 inlägg

5 dec. 2006 21:10#5

Med kraftiga reservationer för vad jag lurat Dreamweaver att göra... :e

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testa testa</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<table width="800" border="0" align="center" cellpadding="5">
  <tr>
    <td colspan="2" align="center"><p>En fet rubrik</p></td>
  </tr>
  <tr>
    <td width="150" height="10"><img src="pixel_grey50.gif" width="75
	" height="1" /></td>
    <td rowspan="7" valign="top">

[högerspalten med expandgrejen]

  </td>
  </tr>
<tr>
    <td width="150" height="31"><img src="pixel_white.gif" width="10" height="1" /><a href="akademiker.htm" onMouseover="describe('Kurslitteratur i mängd...')" onMouseout="describe('')">Akademiker</a><br />
        <br />
    <img src="pixel_grey50.gif" width="75" height="1" /></td>
  </tr>

..och så vidare nedåt

zcorpanMedlem sedan dec. 20042 245 inlägg

5 dec. 2006 22:41#6

Jag var nog mest intresserad av vad som fanns här::)

:stefan: skrev:

[högerspalten med expandgrejen]

Men om vi låtsas som att det bara är en <div> så borde den här selektorn funka:

td div {...}

:stefan:Medlem sedan apr. 200015 687 inlägg

6 dec. 2006 15:34#7

Nja, det är ju ett gäng divar i enlighet med javascriptet jag länkade till i andra tråden, i princip en per cell där diven bygger upp en ny liten table (för jag lyckades fan inte lösa det designmässigt på annat sätt). Men det ska väl inte påverka cellerna i den vänstra kolumnen? :l

<tr><script>
function toggle6()                                    
{
var el = document.getElementById("mindiv6")              
el.style.display = el.style.display == "none" ? "" : "none";
}
</script>
  <td bgcolor="#CCCCCC"><table width="490" border="0">
       <tr>
         <td><strong><a href="#" onclick="toggle6();">Rubrik</a></strong><br /> 
           Underrubrik</td>
         <td width="130" align="right" valign="top">Tid</td>
       </tr>
     </table><div id="mindiv6" style="display:none;"><table width="490" cellpadding="10"><tr><td bgcolor="#FFFFFF">En massa text, yada yada, lorem ipsum osv... </td></tr></table></div></td>
     </tr>
   <tr>
     <td align="center" bgcolor="#CCCCCC"><img src="pixel_grey50.gif" width="450" height="1" /></td>
   </tr>

aasahMedlem sedan mars 20034 471 inlägg

6 dec. 2006 19:00#8

Va!? :q Ska inte JS-funktioner ligga i head?

Och varför skriver du inte:

function toggle(nr)                                    
{
var el = document.getElementById("mindiv"+nr)              
el.style.display = el.style.display == "none" ? "" : "none";
}

...
<a href="#" onclick="toggle(6);">

:stefan:Medlem sedan apr. 200015 687 inlägg

6 dec. 2006 20:09#9

Det kanske dom ska? Det funkar ju trots det... ;)

Själva scriptet har jag inte ändrat ett smack i, det har jag ju fått från den andra tråden där. Html kan jag fippla med, men i scriptväg står jag mig slätt. :e

:stefan:Medlem sedan apr. 200015 687 inlägg

10 dec. 2006 14:59#10

Dags att bumpa lite, behöver få rätsida på det här... :l

Vid närmare eftertanke borde väl inte scriptet påverka hur IE visar tabeller? Det är ju nåt i tolkningen av höjdgrejen där som nåt saknas tycker jag.

jarvkloMedlem sedan juli 20013 378 inlägg

11 dec. 2006 18:55#11

Hmm...

MSIE och tabeller ja...
Blir det skillnad i MSIE6 om du lägger en blankrad framför <!DOCTYPE ?

:stefan:Medlem sedan apr. 200015 687 inlägg

11 dec. 2006 19:56#12

Nope.

:stefan:Medlem sedan apr. 200015 687 inlägg

12 dec. 2006 16:06#13

Nu ligger allt i scriptväg i head, men det är ingen skillnad i IE, vare sig det är blankrad innan doctype eller inte.

Gaaah vad jag innerligen avskyr Explorer - hur svårt ska det vara att låsa en cellhöjd egentligen? :x

:stefan:Medlem sedan apr. 200015 687 inlägg

1 jan. 2007 20:48#14

Nytt år, nya möjligheter!

Jag vägrar ge upp, det måste ju finnas nåt sätt att lösa detta på...

Ingen som sitter på den där lilla magiska kodsnutten som löser allt geschwint? ;)