border-left wird nicht angezeigt

wobre

Hallo zusammen,

was kann ich tun, um den border-left bei height="6" angezeigt zu bekommen? Nehme ich   raus, zeigt FF die Höhe richtig an, aber die Borders fehlen.

Code

<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
   <tr> 
      <td class="bole" height="6" width="20" bgcolor="#FFFFFF">&nbsp;</td>
      <td width="140" bgcolor="#39845B" align="center">&nbsp;</td>
      <td class="bori" width="600" bgcolor="#FFFFFF">&nbsp;</td>
   </tr>
   <tr> 
      <td class="bole" height="6" bgcolor="#FFFFFF">&nbsp;</td>
      <td class="borile" bgcolor="#FFFFFF" align="center">&nbsp;</td>
      <td class="bori" width="600" bgcolor="#FFFFFF">&nbsp;</td>
   </tr>
   <tr> 
      <td height="6" bgcolor="#39845B">&nbsp;</td>
      <td class="borile" bgcolor="#FFFFFF" align="center">&nbsp;</td>
      <td width="600" bgcolor="#39845B">&nbsp;</td>
   </tr>
   <tr> 
      <td height="6" bgcolor="#39845B" colspan="3">&nbsp;</td>
   </tr>
</table>

Alles anzeigen

Danke für den Tip.

Gruß
wobre

bugcatcher

bitte mit css-datei. danke.

wobre

Sorry, natürlich! Hier das CSS:

Code

body { margin: 80px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #FFFFFF; font-size: 80%; font-family:
verdana,helvetica,sans-serif; }




td { font-size: 80%; color: #FFFFFF; font-family: arial,helvetica,sans-serif; }




.bori { border-right:1px solid #39845B; }
.bole { border-left:1px solid #39845B; }
.borile { border-right:1px solid #39845B; border-left:1px solid #39845B; }

Alles anzeigen

Gruß
wobre

xeen

ergänz das mal zu deinem css:
table { empty-cells:show; }

http://www.css4you.de/empty-cells.html
falls du weitere hilfe brauchst

wobre

Hallo xeen,

genau das war's, danke! Sogar der Opera 7.51 zeigt das jetzt korrekt. Wo der doch häufig die gleichen Anzeigeprobleme hat wie der M$IE, der das leider nicht richtig anzeigt. Leider deswegen, weil er immer noch der am häufigsten benutzte Browser ist und man ihn nicht unberücksichtigt lassen kann.

Meine Frage gehört zwar nicht wirklich ins FF-Forum, aber gibt's für den IE auch ne Angabe dazu, damit der das richtig anzeigt.

Gruß
wobre

xeen

ersetzte mal deine   durch folgendes:
<span style="font-size:0px;"> </span>
Wie man bei css4you nachlesen kann, kennt der IE die eigenschaft nicht.
Damit die Zelle nicht leer ist, fügt man einfach ein geschütztes leerzeichen ein. Damit das leerzeichen auf jeden fall kleiner ist als die angegebene höhe setzt man die schriftgröße auf 0.
Sicher nicht die eleganteste möglichkeit, aber sie funktioniert. Theoretisch kannste die empty-cells eigenschaft dann auch weglassen, drin lassen kann aber auch nicht schaden.
xeen

wobre

Hallo xeen,

hatte die Sache zwischenzeitlich mit transparentem pixel.gif gelöst. Aber die von dir vorgeschlagene Lösung finde ich allemal besser.

Danke für die gute Info.
Gruß
wobre