Stefan Kleeschulte: Tabellenzelle mit 1 Pixel Höhe

Hi zusammen!

Ich muss nochmal mit einem Problem nerven, dass ich bereits vor einiger Zeit hier erwähnt hatte, und dass ich immer noch nicht gelöst habe...

Wenn ich in meinen HTML-Dokumenten mit dem Doctype
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
arbeite, dann kriege ich beim besten Willen keine Tabellenzellen mit einem Pixel Höhe hin...

Ich hab's z. B. so versucht:

HTML-Code:
<table width="140" border="0" cellspacing="0" cellpadding="0">
<tr><td width="140" height="1" class="border"><img src="/images/blank.gif" border="0" alt="" width="1" height="1"></td></tr>

CSS-Code:
.border {
  color:#ffffff;
  background-color:#1A396D;
  line-height:0;
}

Mit der letzten CSS-Angabe kriege ich die Zelle zwar schon wesentlich kleiner, aber nicht auf ein Pixel Höhe.

Mit den Angaben
  padding:0;
  border:0;
scheint sich überhaupt nichts zu ändern, und mit der Angabe
  font-size:0pt;
wird die Zelle sogar wieder ein Pixel höher.

Ach ja: Ich habe es auch mit Einheiten bei den CSS-Angaben versucht - ohne Erfolg. Der CSS-Validator beim W3C meckert übrigens nicht, wenn man sie weglässt...

Hat jemand noch eine Idee?
CU :-)
Stefan

  1. hi Stefan

    So klappts (jedenfalls bei mir und mit IE5.0)

    <table width="140" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="140" height="1" bgcolor='red' background="/images/blank.gif">
    </td>
    </tr>
    </table>

    mfg retoke

    1. So klappts (jedenfalls bei mir und mit IE5.0)

      [Codeschnipsel]

      Sorry, ich vergaß zu erwähnen, dass es im MS IE (5.0, 5.5) und im NN (4.75) problemlos klappt. Das Problem tritt z. B. im NN (6.0, 6.1) und bei Mozilla (weiß leider nicht mehr welche Version) auf.

      CU :-)
      Stefan

  2. Hallo Stefan,

    ich erinnere mich dunkel ;-)

    Ich hab' grad ein bißchen rumprobiert und bin zu folgendem Ergebnis gekommen:

    • line-height alleine reicht nicht aus
    • font-size muß mit angegeben werden
    • font-size darf nicht gleich 0 sein!

    also:
    line-height:0px;   /* oder 1px */
    font-size:1px;

    Bei mir hat es auch ohne die Angabe für line-height funktioniert. Wenn aber in einem übergeordneten Element ein Wert definiert ist, würde er natürlich auch in der Tabelle gelten (also besser mit angeben)

    Viele Grüße
    Carsten

    PS: cellpadding und -spacing natürlich nach wie vor 0
    PPS: nimm das height="1" im td-Tag raus, das brauchst Du nicht und ist kein W3C-Standard ;-)
    PPPS: wenn es bei Dir jetzt immer noch nicht funktioniert, weiß ich auch nicht mehr weiter

    1. Hallo Stefan,

      ich erinnere mich dunkel ;-)

      Ich hab' grad ein bißchen rumprobiert und bin zu folgendem Ergebnis gekommen:

      • line-height alleine reicht nicht aus
      • font-size muß mit angegeben werden
      • font-size darf nicht gleich 0 sein!

      also:
      line-height:0px;   /* oder 1px */
      font-size:1px;

      [noch mehr Tips]

      Hey danke, es klappt! :-)

      Jetzt werde ich mich an die anderen noch vorhandenen Schönheitsfehler machen...

      CU :-)
      Stefan