Problem mit <td> und Height im IE

[Sven W.]

Hi ...

Habe das Problem, daß der IE (v6.0 SP1) irgendwie die Height Angaben der <td> Tags nicht als absolut ansieht. Formatiere die Cells über Einträge in einem CSS File. (Auszüge findet ihr unter diesem Post)

Der Firefox stellt das Borderset einwandfrei dar - nur der IE hält sich absolut nicht an die angegebene Höhe von 28px :(

Zum Anschauen : http://www.landwarrior.de

(Es geht dabei um den Rahmen der Box auf der rechten Seite !!!)

Zur besseren Sichtbarkeit des Problems habe ich den Tableborder mal sichtbar gemacht ...

Könnt ihr euch das erklären oder habt ihr ne Idee ?

Gruss, Sven

---

Auszug aus dem HTML File (Mit PHP Teil)

<table class="Menue" width="100%" cellspacing="0" cellpadding="0" border="0">     <tr>         <td class="MenueBorderTop" colspan="3">&nbsp;</td>     </tr>     <tr>         <td class="MenueBorderLeftTop">&nbsp;</td>         <td rowspan="3">             <table width="156" class="Menue" background="./images/menue_bg.jpg">

<?PHP

// ************************************* // * XML parsen                        * // *************************************

//$xmlFile = implode("", file("http://camelot-europe.goa.com/herald/nb_connected.xml"));     $xmlFile = implode("", file("./nb_connected.xml"));     $parser = xml_parser_create();     xml_set_element_handler($parser,"startElement","endElement");     xml_set_character_data_handler($parser, "cdata");     xml_parse($parser, $xmlFile);     xml_parser_free($parser);

?>             </table>         </td>         <td class="MenueBorderRightTop">&nbsp;</td>     </tr>     <tr>         <td class="MenueBorderLeft">&nbsp;</td>         <td class="MenueBorderRight">&nbsp;</td>     </tr>     <tr>         <td class="MenueBorderLeftBottom"></td>         <td class="MenueBorderRightBottom"></td>     </tr>     <tr>         <td class="MenueBorderBottom" colspan="3"></td>     </tr> </table>

---

Auszug aus dem CSS File

// /                       Menue                        / //

.Menue                   {                                color            : #F6EE96;                                font-family      : Verdana,Arial,Helvetica,Sans Serif;                                font-size        : 8pt;                                font-weight      : normal;                                line-height      : 14pt;                                }

.MenueBorderTop          {                                height           : 33px;                                width  : 220px;                                background-image : url(./images/menueborder/top.gif);                              }

.MenueBorderLeftTop      {                                width  : 32px;                                height  : 28px;                                background-image : url(./images/menueborder/lefttop.gif);                              }

.MenueBorderRightTop     {                                width  : 32px;                                height  : 28px;                                background-image : url(./images/menueborder/righttop.gif);                              }

.MenueBorderLeft         {                                width  : 32px;                                background-image : url(./images/menueborder/left.gif);                              }

.MenueBorderRight        {                                width  : 32px;                                background-image : url(./images/menueborder/right.gif);                              }

.MenueBorderLeftBottom   {                                width  : 32px;                                height  : 28px;                                background-image : url(./images/menueborder/leftbottom.gif);                              }

.MenueBorderRightBottom  {                                width  : 32px;                                height  : 28px;                                background-image : url(./images/menueborder/rightbottom.gif);                              }

.MenueBorderBottom       {                                height           : 33px;                                width  : 220px;                                background-image : url(./images/menueborder/bottom.gif);                              }

.MenueText               {                                color            : #F6EE96;                                font-family      : Verdana,Arial,Helvetica,Sans Serif;                                font-size        : 12pt;                                font-weight      : normal;                                line-height      : 14pt;                              }

[Sven W.]

Hmmmm - Opera hat anscheinend auch noch einmal ne ganz andere Einstellung zu der Formatierung ...

Ich werd noch Wahnsinnig ;))

[Detlef G.]

Hallo Sven,

Hmmmm - Opera hat anscheinend auch noch einmal ne ganz andere Einstellung zu der Formatierung ...

Die Browser legen die Maße der Tabellenzellen fest, indem sie die Größe der
Inhalte berücksichtigen inclusive der maximalen Zeilenhöhe der Schrift, auch
wenn nur ein Leerzeichen enthalten ist, bei gleich großen Inhalten eben eine möglichst gleichmäßige Verteilung.
Dabei nehmen einige Browser Größenangaben eher als Mindestmaße.
Wenn dabei eine Zelle größer wird, als das Hintergrundbild, wird dieses
gekachelt.

Wenn du unbedingt bei deinen Schachteltabellen bleiben willst, dann musst du die Zellen, die zu klein dargestellt werden mit Inhalt versehen, der diese
"aufbläst" (z.B. Blindgifs).

Ansonsten schau dir doch einmal Folgendes an: http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/index.htm
Statt runder Ecken sind natürlich auch beliebige andere Rahmengrafiken
möglich.

Auf Wiederlesen
Detlef