webForumDet fria alternativet

Height i cell i Explorer...

13 svar · 783 visningar · startad av :stefan:

:stefan:Medlem sedan apr. 200015 687 inlägg
#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
#2
#mindiv { position:absolute; }

?

:stefan:Medlem sedan apr. 200015 687 inlägg
#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
#4

Hur ser din HTML-kod ut?

:stefan:Medlem sedan apr. 200015 687 inlägg
#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
#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
#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
#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
#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

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

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
#12

Nope.

:stefan:Medlem sedan apr. 200015 687 inlägg
#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
#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? ;)

134 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)