✔ kein Rahmen bei Zelle ohne Inhalt

[soyo]

Guten Abend ...

.. Und zwar hab ich folgendes Problem: Ich hab eine Table mit momentan 4 Spalten und 2 Zeilen als Navigation.

Eine Spalte sieht ungefähr so aus:

HTML:

<tr>
  <td class="adminNavHeader">
    news
  </td>
  <td class="navigationHeader2"></td>
</tr>

CSS:

.adminNavHeader {
  background-color: #838383;
  border-top: 1px solid #555555;
  border-left: 1px solid #555555;
  border-bottom: 1px solid #555555;
  color: #000000;
  font-family: verdana, arial;
  font-size: 11px;
  text-align: center;
  width: 200px;
}
.adminNavHeader2_active {
  background-color: #EBEBEB;
  border-left: 1px solid #555555;
  border-bottom: 1px solid #EBEBEB;
  empty-cells:show;
  height: 3px;
  width: 160px;
}

Das Problem ist einfach, das die Zelle in der 2. Spalte, keinen Inhalt hatt. Mozilla hatt damit kein Problem und zeigt den Rahmen an. IE kann das leider nicht und das sieht somit im IE auf deutsch gesagt e aus
Kennt wer eine Lösung?

schön Samstag abend noch

greetz soyo

 

[Maik]

Die Frage wurde hier im CSS-Board erst vor zwei Tagen gestellt -> IE Border-Darstellungsproblem bei leeren Zellen.

Eventuell hilft ein erzwungenes Leerzeichen   in der entsprechenden Tabellenzelle weiter?

 

[soyo]

Da die Zelle nur 3 px hoch ist, geht das leider nicht.

Ich versuch das aber gerad mit ner Schrift, die 2 Pixel hoch ist. Wenn das nicht funktioniert, wollt ich ein 1x1 leeres GIF einfügen.

 

[Maik]

Das sollte kein Problem sein:

<td style="height:3px; font-size:0;">&nbsp;</td>

bzw.

.adminNavHeader2_active {
  background-color: #EBEBEB;
  border-left: 1px solid #555555;
  border-bottom: 1px solid #EBEBEB;
  empty-cells:show;
  height: 3px;
  width: 160px;
  font-size: 0;
}

 

[soyo]

Das transparente 1x1 Gif war die Lösung

Manchmal muss man sein Problem einfach jemand anders erzählen und man kommt selbst auf die Lösung. Trozdem danke

 

[Gumbo]

Alternativ könntest du es auch mit der empty-cells-Eigenschaft probieren.

 

[soyo]

empty-cells ist leider nicht im IE funktionfähig

 

[Maik]

Alternativ könntest du es auch mit der empty-cells-Eigenschaft probieren.

Was der IE mal wieder nicht unterstützt.

 

[soyo]

Hab das jetzt übrigends mit font-size: 1px gelöst, ist einfach ne schönere Lösung

 

[Gumbo]

Tja, wenn wir nur Dinge einsetzten, die der Internet Explorer unterstützt, blieben wir noch lange in der Web-Steinzeit.
Aber wie du vielleicht weißt, bin ich Unterstützer der Web-Standards und stehe daher genannten Methoden etwas skeptisch gegenüber. Es gibt eben bessere Methoden.