Zellen der Tabelle werden verzogen im IE

Michael

Michael

Aktives Mitglied
Hallo zusammen!

Habe eine Tabelle mit drei Spalten. Die linke Spalte ist in 4 Zellen aufgeteilt, die mittlere besteht aus einer und die linke Spalte aus 2 Zellen. Nun möchte ich, dass die Zellen der linken Spalte immer die selbe Grösse haben, wenn sich die Länge der mittleren Spalte (und somit der ganzen Tabelle) ändert. D.h. wenn die ganze Tabelle grösser wird, soll in der linken Spalte nur die unterste Zelle ihre Grösse anpassen, nicht aber die oberen 3! Mit folgendem Queltext wird das in Safari (Browser für Mac) so angezeigt, im IE aber nicht! Weiss jemand Rat? Aus Layout-technischen Gründen ist die Variante mit einer Tabelle in der Tabelle nicht sehr gut. Und wenn ich die Höhe in Pixel jeder einzelnen Zelle definiere, ist das dem IE auch Wurst!

Vielen Dank für eure Hilfe, Michael

CODE <table width="905" height="528" border="0" cellpadding="4" cellspacing="1">
 <tr>
   <td height="65" colspan="3"><img src="http://www.businesstripguide.ch/typo/fileadmin/templates/logo.gif" width="468" height="60"></td>
 </tr>
 <tr>
   <td height="19" colspan="3" valign="top" bordercolor="#FFFFFF" bgcolor="#6699cc">
     <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
     <div id="weiss">
       <div align="right">###MENUOBEN###</div>
     </div>
     </font></td>
 </tr>
 <tr valign="middle">
   <td height="16" colspan="3" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">###LASTUPDATE###</font></td>
 </tr>
 <tr>
   <td width="129" height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#336699">
     <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Region
     wählen:</font></td>
   <td width="616" rowspan="4" valign="top">###CONTENT###</td>
   <td width="130" height="19" colspan="-1" valign="top" bordercolor="#CCCCCC" bgcolor="#CCCCCC">
     <div align="right">
       <p align="left"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Aktuelles:</font></p>
     </div></td>
 </tr>
 <tr>
   <td height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#6699cc"> <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">###DROPDOWN###</font></td>
   <td colspan="-1" rowspan="3" valign="top" bordercolor="#FFFFFF" bgcolor="E8E8E8"><font size="2" face="Arial, Helvetica, sans-serif">###NEWS###</font></td>
 </tr>
 <tr>
   <td height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#336699"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Hauptmenu:</font></td>
 </tr>
 <tr>
   <td height="295" valign="top" bordercolor="#FFFFFF" bgcolor="#6699cc"> <div id="weiss">
       <div align="left">
         <p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">###MENULINKS###</font><font color="#000000" size="1" face="Arial, Helvetica, sans-serif"><br>
           </font></p>
       </div>
     </div></td>
 </tr>
 <tr>
   <td height="16" colspan="3" valign="top"> <div align="left"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">©
       2004 by Frei Software</font></div></td>
 </tr>
 <tr>
   <td height="19" colspan="3" bgcolor="#FFB400"> <div align="right"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">www.businesstripguide.ch
       | www.businesstripguide.com</font></div></td>
 </tr>
</table>
 
Gibt es keinen HTML-Befehl, mit dem man die Zellenhöhe und -breite für alle Browser bombensicher festlegen kann?

Die Befehle width und height
 
Das geht, wenn Du der untersten Zelle die Höhe 100% gibts. Wenn Du jeder der 4 Zellen eine fixe Höhe in Pixeln gibst, jedoch die ganze Tabelle höher wird, strecken sich die Zellen, ausser Du hast eine flexible Zelle, welche den Bereich ausfüllt, der ihr zur Verfügung steht. Diese Zelle braucht dann die Höhe 100%.

Noch ein kleiner Tip am Rande:
Die <DIV> sind überflüssig.
Benutze anstelle von <FONT> ein CSS, erspart Dir jede Menge Ärger


<table width="905" height="528" border="0" cellpadding="4" cellspacing="1">
<tr>
<td height="65" colspan="3"><img src="http://www.businesstripguide.ch/typo/fileadmin/templates/logo.gif" width="468" height="60"></td>
</tr>
<tr>
<td height="19" colspan="3" valign="top" bordercolor="#FFFFFF" bgcolor="#6699cc">
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
<div id="weiss">
<div align="right">###MENUOBEN###</div>
</div>
</font></td>
</tr>
<tr valign="middle">
<td height="16" colspan="3" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">###LASTUPDATE###</font></td>
</tr>
<tr>
<td width="129" height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#336699">
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Region
wählen:</font></td>
<td width="616" rowspan="4" valign="top">###CONTENT###</td>
<td width="130" height="19" colspan="-1" valign="top" bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<div align="right">
<p align="left"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Aktuelles:</font></p>
</div></td>
</tr>
<tr>
<td height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#6699cc"> <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">###DROPDOWN###</font></td>
<td colspan="-1" rowspan="3" valign="top" bordercolor="#FFFFFF" bgcolor="E8E8E8"><font size="2" face="Arial, Helvetica, sans-serif">###NEWS###</font></td>
</tr>
<tr>
<td height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#336699"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Hauptmenu:</font></td>
</tr>
<tr>
<td height="100%" valign="top" bordercolor="#FFFFFF" bgcolor="#6699cc"> <div id="weiss">
<div align="left">
<p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">###MENULINKS###</font><font color="#000000" size="1" face="Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
</div></td>
</tr>
<tr>
<td height="16" colspan="3" valign="top"> <div align="left"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">©
2004 by Frei Software</font></div></td>
</tr>
<tr>
<td height="19" colspan="3" bgcolor="#FFB400"> <div align="right"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">www.businesstripguide.ch
| www.businesstripguide.com</font></div></td>
</tr>
</table>
 
Hab mich schon zu früh gefreut... Funktioniert leider auch nicht! Aber das kanns doch nicht sein!!!
 
Also habe jetzt

<p align="left"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Aktuelles:</font></p>

durch

<font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Aktuelles:</font>

ersetzt. Ist es das, was du meinst? Es ändert sich nämlich leider immer noch nichts!

Gruss Michael
 
wieso benutzt du <font>?

aus
CODE
<font color="#000000" size="2" face="Arial, Helvetica, sans-serif">
Aktuelles:
</font>

mach

CODE
<div style="color: #000000; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif;">
Aktuelles:
</div>

(bei size=2 weiss ich nicht, wie gross, du den schriftzug machen möchtest, aber die grössenangabe in em ist besser, weil browser-unabhängiger)
 
Hoi zäme!

Also ich bin jetzt am Ende mit meinen Nerven! Hab alles versucht, auch eine flexible Zelle einzufügen (height="100%") bringt nichts. Der IE verzerrt mir einfach die ganze Tabelle! Das mit dem FONT und DIV werde ich noch ändern, aber daran sollte es ja nicht liegen, oder?

Wäre wirklich glücklich über DEN heissen Tipp!

CODE <table width="776" border="0" cellpadding="4" cellspacing="1">
<tr>
<td colspan="3" height="67"><img src="http://www.businesstripguide.ch/typo/fileadmin/templates/logo.gif" width="468" height="60"></td>
</tr>
<tr>
<td colspan="3" valign="top" nowrap bordercolor="#FFFFFF" bgcolor="#6699cc" height="24">
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">
<div id="weiss">
<div align="right">###MENUOBEN###</div>
</div>
</font></td>
</tr>
<tr valign="middle">
<td colspan="3" bordercolor="#FFFFFF" bgcolor="#FFFFFF" height="17"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">###LASTUPDATE###</font></td>
</tr>
<tr>
<td width="140" height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#336699">
<font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Region
wählen:</font></td>
<td width="465" height="100%" rowspan="6" valign="top">###CONTENT###</td>
<td width="144" height="19" valign="top" bordercolor="#CCCCCC" bgcolor="#CCCCCC">
<div align="left"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Aktuelles:</font>
</div></td>
</tr>
<tr>
<td valign="top" nowrap bordercolor="#FFFFFF" bgcolor="#6699cc">
<div id="weiss"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">###REGION###</font></div></td>
<td height="100%" rowspan="5" valign="top" bordercolor="#FFFFFF" bgcolor="#E8E8E8"><font size="2" face="Arial, Helvetica, sans-serif">###NEWS###</font></td>
</tr>
<tr>
<td height="19" valign="top" bordercolor="#FFFFFF" bgcolor="#336699"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Hauptmenu:</font></td>
</tr>
<tr>
<td valign="top" nowrap bordercolor="#FFFFFF" bgcolor="#6699cc">
<div id="weiss">
<div align="left">
<p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">###MENULINKS###</font></p>
</div>
</div></td>
</tr>
<tr>
<td height="19" valign="top" nowrap bordercolor="#FFFFFF" bgcolor="#336699"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Seiten
durchsuchen: </font></td>
</tr>
<tr>
<td height="100%" valign="top" nowrap bordercolor="#FFFFFF" bgcolor="#6699cc">
<p>
<div id="weiss">
<p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">###SUCHFELD###<br>
<br>
</font><A href="JavaScript:history.back()"><font size="2" face="Arial, Helvetica, sans-serif"><img border="0" src="fileadmin/templates/bilder/back.gif" width="9" height="9">
Seite zurück</font></A><font color="#000000" size="1" face="Arial, Helvetica, sans-serif"><br>
<A href="JavaScript:history.forward()"><font size="2" face="Arial, Helvetica, sans-serif"><img border="0" src="fileadmin/templates/bilder/forward.gif" width="9" height="9">
Seite vorwärts</font></A></font></p>
</div>
</p>
</td>


</tr>
<tr>
<td colspan="3" valign="top" height="21"> <div align="left"><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">©
2004 by Frei Software</font></div></td>
</tr>
<tr bgcolor="#FFB400">
<td colspan="3" height="21">
<div align="right"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">www.businesstripguide.ch
| www.businesstripguide.com</font></div></td>
</tr>
</table>
 
Der IE hat offensichtlich Probleme, Zellenhöhen und -breiten zu fixieren, sobald rowspan
 
Sie müssen sich einloggen oder registrieren, um hier antworten zu können.
Zurück
Oben