bøvl med en <td> som bliver for høj i IE (skodbrowser)

TABLE.moduletable TD {
    FONT-SIZE: 12px; COLOR: #333333
}

->

TABLE.moduletable TD {
    FONT-SIZE: 1px; COLOR: #333333
}

(måske?)

... nitte

IE har desværre et problem med at den fordeler pladsen
på rækkerne automatisk der er to muligheder:
1. Slet din doctype (anbefales ikke)
2. Læg billedet ind i en div og ned under nr 2 td hvor teksten er i
toppen af denne td - evt put det andet ind i en div med en border også ...

eksempel:

...


        <table class="contentpaneopen">
                <tr>
            <td valign="top" colspan="2">
            Vi starter nyt hold op p&aring; k&oslash;rekort til bil og MC. <br />             </td>
        </tr>
                </table>
       
        <span class="article_seperator">&nbsp;</span>
       
                    </td>
        </tr>
        </table>
        </div>
          </td>

          <td>

<div id="billede" style="margin-bottom:5px;">
<div class="moduletable">
            <script type="text/javascript"

src="http://duvald.dk/modules/js_flashrotator/flashobject.js"></script>
<div id="flashcontent">
OOPS. Your Flash player is missing or outdated.<a

href="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Click here</a> to update your

player so you can see this content.
</div>
    <script type="text/javascript">
        // <![CDATA[
        var fo = new FlashObject("./modules/js_flashrotator/flashrotator.swf", "Flashrotator", "530px", "280px", "7",

"#FFFFFF");
        fo.addParam("wmode", "opaque");
        fo.write("flashcontent");
        // ]]>
</script>

        </div></div>

<div id="main">
<table class="blog" cellpadding="0" cellspacing="0"><tr><td valign="top"><table width="100%"  cellpadding="0"

cellspacing="0"><tr><td valign="top" width="100%">            <table class="contentpaneopen">
            <tr>
                                <td class="contentheading" width="100%">
                Velkommen                                </td>
                            </tr>
            </table>
           
        <table class="contentpaneopen">
                <tr>
            <td valign="top" colspan="2">
            <p>Velkommen til Duvald.dk</p><p>Hvis du ikke kender mig s&aring; finder du sikkert ikke noget af

interesse her, da det er en 100% personlig side. Siden bruges pt. kun til at vise billeder fra renoveringen af vores

hus.&nbsp;</p>            </td>
        </tr>
                </table>
       
        <span class="article_seperator">&nbsp;</span>
       
        </td></tr></table></td></tr></table></td>
        </tr>
        <tr>
          <td colspan="2" id="bottom"><div id="copyright">        <div class="moduletable">
            <div align="center">Copyright 2006 K&oslash;reskolen ABC<br /></div>        </div>
        </div><div id="bottommenu">        <div class="moduletable">
            <table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><span

class="mainlevel">  </span><a href="http://duvald.dk/" class="mainlevel" id="active_menu">Start</a><span class="mainlevel"> -

</span><a href="http://duvald.dk/Indhold/Sider/Priser/" class="mainlevel" >Priser</a><span class="mainlevel"> - </span><a

href="http://duvald.dk/blogcategory/K%F8rekort/" class="mainlevel" >Kørekort</a><span class="mainlevel"> - </span><a

href="http://duvald.dk/contact/" class="mainlevel" >Kontakt os</a><span class="mainlevel">  </span></td></tr></table>       

</div>
        </div></td>
        </tr>
      </table></div>   
    </td>
    <td id="shadow-r"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
  </tr>
  <tr>
    <td id="shadow-bl"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
    <td id="shadow-b"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
    <td id="shadow-br"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
  </tr>
</table>
</div>
</body>
</html><!-- 1153907824 -->

... hmm, den med at slette doctypen hjælper i nogle tilfælde hvor man har defineret højderne ( http://www.eksperten.dk/spm/722079 )... men dette er ikke et af tilfældene ... derfor er det nok bedst med den div istedet ...

Det er måske lidt lettere at kigge på selve templaten - det du kan se på mit domæne er outputtet fra det cms jeg arbejder med...

jeg har prøvet at lægge en div i de to td der berører problemet, men uden held.

min template:

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
<script type="text/javascript" src="templates/koereskole/oodomimagerollover.js"></script>
</head>
<body>
<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="shadow-tl"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
    <td id="shadow-t"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
    <td id="shadow-tr"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
  </tr>
  <tr>
    <td id="shadow-l"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
    <td>
      <table border="0" cellspacing="5" cellpadding="0" id="maintable">
        <tr>
          <td id="slogan">Medlem af dansk k&oslash;rel&aelig;rer union </td>
          <td id="ikoner"><img src="templates/koereskole/images/homeicon.gif" srcover="templates/koereskole/images/homeiconover.gif" alt="" class="icon"/> | <img src="templates/koereskole/images/searchicon.gif" srcover="templates/koereskole/images/searchiconover.gif" alt="" class="icon"/> | <img src="templates/koereskole/images/sitemapicon.gif" srcover="templates/koereskole/images/sitemapiconover.gif" alt="" class="icon"/> | <img src="templates/koereskole/images/mailicon.gif" srcover="templates/koereskole/images/mailiconover.gif" alt="" class="icon"/></td>
        </tr>
        <tr>
          <td rowspan="2" valign="top" align="left" id="venstre">
              <div id="logo"><?php echo $mosConfig_sitename; ?></div>
              <div id="leftmodule"><?php mosLoadModules ( 'left' ); ?></div>
              <div id="user1module"><?php mosLoadModules ( 'user1' ); ?></div>
              <div id="user2module"><?php mosLoadModules ( 'user2' ); ?></div>
          </td>
          <td><div id="billede"><?php mosLoadModules ( 'user3' ,-2); ?></div></td>
        </tr>
        <tr>
          <td><div id="main"><?php mosLoadModules ( 'top' ); ?><?php mosMainBody(); ?><?php mosLoadModules ( 'bottom' ); ?></div></td>
        </tr>
        <tr>
          <td colspan="2" id="bottom"><div id="copyright"><?php mosLoadModules ( 'user4' ,-2 ); ?></div><div id="bottommenu"><?php mosLoadModules ( 'user5' ,-2 ); ?></div></td>
        </tr>
      </table>   
    </td>
    <td id="shadow-r"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
  </tr>
  <tr>
    <td id="shadow-bl"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
    <td id="shadow-b"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
    <td id="shadow-br"><img src="templates/koereskole/images/trans.gif" alt="" /></td>
  </tr>
</table>
</div>
</body>
</html>

Jeg fik løst problemet med at lægge billede og indhold i samme td hver især pakket ind i en div.

Den burde jeg ha tænkt på noget før :-)

Jeg takker nu alligevel for hjælpen, og for at du gad bruge tid.

Så lidt, og mange tak for mange point :o)