itebob: Frage: HTML-Code für Firefox anpassen?

Beitrag lesen

Hallo!

die linke Navigationsspalte in der Seite im Anhang (markiert mit <!-- ##### Tabelle mit der left-Navigation Anfang #######-->)  wird merkwürdigerweise bei der Anzeige im Firefox richtig  - mit der gleichen Breite wie das Logo oben nur dann angezeigt, wenn die Spalte ausreichend hoch ist. Wenn die Spalte zu niedrig ist, dann wird nämlich die left-Spalte unschön in die Breite gezogen. Bei der normalen (Browser)Fenstergröße wird zum Beispiel auf meinem Bildschirm die linke Navigationsspalte  in dieser Seite http://www.statistik.sachsen.de/worker/Seiten/left_mit_firefox2.htm breiter, als das Logo dargestellt. Wenn man das Fenster kleiner macht, dann ist die left OK. Die gleiche Seite http://www.statistik.sachsen.de/worker/Seiten/left_mit_firefox.htm, wo in der left im Abschnitt <!-- Dummy-Breaks --> einfach einige  <br />-Tags eingefügt sind, wird auch bei einer normalen Fenstergröße korrekt angezeigt.

Womit ist es zu erklären ,dass die SpaltenBREITE - im Firefox -  davon abhängig ist, wie HOCH diese Splate ist. Ich hätte mir eine Regel erwünscht, mit der solche Unregelmäßigkeiten vermeidbar sind.

gruss

Gustav Wall

Anhang:

<html> <head> <meta http-equiv="Content-Type" content="text/html"> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252"> <title>Impressum</title><meta name="description" content="Impressum" /> <meta name="keywords" content="" /> <link rel="stylesheet" type="text/css" href="/styleguide/css/top.css"> <link rel="stylesheet" type="text/css" href="/styleguide/css/left.css"> <link rel="stylesheet" type="text/css" href="/styleguide/css/stalamain.css">

</head> <body style="margin-bottom: 0" leftMargin="0" topMargin="0"> <table border="0" cellPadding="0" cellSpacing="0"> <tr valign="top">

<!--hier beginnt die left-Zelle--> <td align="left" rowSpan="3" style="vertical-align: top;"> <table border="0" cellPadding="0" cellSpacing="0"> <tr valign="top">

<td> <img  alt="hier Logo" border="0" height="102" src="sl_plogo.gif" width="176"> </a></td> </tr> <tr> <td> <!-- ##### Tabelle mit der left-Navigation Anang #######--> <table border="0" cellPadding="0" cellSpacing="0">     <tr>     <td width="17"> </td>     <td bgcolor="#e1e7ec" width="176">   <table border="0" cellpadding="0" cellspacing="0" width="148">     <tr><td valign="top" bgcolor="#e1e7ec" style="font-size: 9 pt;">     <table border="0" cellspacing="2" colspan="2">     <tr>     <td colspan="2" style="font-size: 9pt;">&nbsp;&nbsp;<strong>     <font face="Arial" size="2">&nbsp;&nbsp;</font>     </strong><br />&nbsp;&nbsp;&nbsp;Navigationsspalte<font face="Arial" size="2"></font>     </td>     </tr>

<tr><td><font face="Arial" size="2">&nbsp;</font></td>     </tr>     </table>     </td>     </tr>     </table>

<!-- Dummy-Breaks -->     <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />     <br /><br /><br /><br />

</td>     </tr>

</table>  <!-- ##### Tabelle mit der left-Navigation Anang #######-->

</td> </tr> </table> </td>

<td> <table border="0" cellpadding="0" cellspacing="0"><!--erste Zeile der main Zelle bekommt top-Navigation--> <tr> <td>

<table border="0"  cellpadding=0 cellspacing=0 bordercolor="#111111" width="100%" height="103" >   <tr>     <td  valign="top" style="padding-top: 0px;padding-left: 0px; padding-right: 0px; vertical-align: top;">     <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FFFFFF" width="828"   height="86" id="AutoNumber5">

<tr>         <td height="13" width="160" bgcolor="#000080" bordercolor="#FFFFFF">           <font color="#FFFFFF" style="font-size: 9pt">&nbsp;Aktuelles</font>       </td>         <td height="13" width="160" bgcolor="#000080" bordercolor="#FFFFFF">           <font color="#FFFFFF" style="font-size: 9pt">|&nbsp;Daten und Fakten</font>       </td>

<td height="13" width="160" bgcolor="#000080" bordercolor="#FFFFFF">           <font color="#FFFFFF" style="font-size: 9pt">|&nbsp;Datenerhebung</font>       </td>         <td height="13" width="150" bgcolor="#000080" bordercolor="#FFFFFF">         <font color="#FFFFFF" style="font-size: 9pt">|&nbsp;Service</font>     </td>         <td height="13" width="150" bgcolor="#000080" bordercolor="#FFFFFF" colspan="2">

<font color="#FFFFFF" style="font-size: 9pt">|&nbsp;Spalte 5</font>     </td>       </tr>       <tr>         <td width="160" valign="top" style="vertical-align: top;"><font size="1">&nbsp;Das Neueste</a><br>           &nbsp;Pressemitteilungen</a><br>           &nbsp;Konjunktur aktuell</a><br>

&nbsp;Zahlenspiegel</a></font></td>         <td width="160" valign="top"  style="vertical-align: top;"><font size="1">&nbsp;Daten</a><br>           <span class="blok">&nbsp; Analysen</a></span><br>           &nbsp;statistiken</a><br>           <span class="blok">&nbsp;Statistische Datenbanken</a></span><br>           &nbsp;Themenseiten</a></font></td>

<td width="160" valign="top"  style="vertical-align: top;"><font size="1">hier<br>           fehlt<br>           der<br>           text</font>     </td>         <td width="150" valign="top" style="vertical-align: top;"  style="vertical-align: top;"><font size="1">&nbsp;Über uns</a><br>

&nbsp;Kontakt</a><br>           &nbsp;Links</a><br>           &nbsp;Fragen?</a></font></td>         <td width="150" valign="top"  style="vertical-align: top;">     <font size="1">&nbsp;Sitemap</a><br>           &nbsp;Impressum</a></font></td>

</tr>       </table>      <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" bordercolor="#FFFFFF" width="100%" id="AutoNumber5">       <tr>         <td height="13" width="120" bgcolor="#000080" bordercolor="#FFFFFF">     <font color="#FFFFFF" style="font-size: 9pt">&nbsp;Shop</font></td>         <td height="13" width="120" bgcolor="#000080" bordercolor="#FFFFFF">     <font color="#FFFFFF" style="font-size: 9pt">&nbsp;E-Mail</font></td>

<td height="13" width="120" bgcolor="#000080" bordercolor="#FFFFFF">     <font color="#FFFFFF" style="font-size: 9pt">&nbsp;Suche</font></td>         <td height="13" width="120" bgcolor="#000080" bordercolor="#FFFFFF">     <font color="#FFFFFF" style="font-size: 9pt">&nbsp;i-Punkt </font></td>         <td height="13" width="168" bgcolor="#000080" bordercolor="#FFFFFF">         <font color="#FFFFFF" style="font-size: 9pt">&nbsp;©</font></td>       </tr>

</table> </td> </tr> </table> </td> </tr> <!--zweite Zeile der main Zelle bekommt Navigationszeile-->

<tr> <td> <table style="border-collapse: collapse" borderColor="#111111" cellSpacing="0" cellPadding="0" border="0"> <tr valign="top"> <td width="17"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr valign="top"> <td width="600" colspan="2" height="3"></td> </tr>

<tr valign="top"> <td width="80%" height="16"> <font style="font-size: 9pt; white-space: nowrap;"> </font> </td> <td width="20%" height="16"></td> </tr> <tr valign="top"> <td width="7" height="13"></td> <td width="600" colspan="2" height="13"></td> </tr>

<!-- Hier Seiteninhalt --> <tr> <td colspan="2"> <h1 class='tabellenueberschrift'>Hier Seiteninhalt</h1>

</td> </tr> </table> </td>

</tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>