gondor: Hyperlink wird über IE falsch angezeigt

Hallo!

Ich gestalte einen Hyperlink über css folgend:

<a class="color" href="#"></a>

.color
{
 left: 274px;
 top: 0px;
 padding:0px;
 margin:0px;
 border:0px;
 position: absolute;
 width: 9px;
 height: 6px;
 background-color:#a7a7a7;
 border: 2px solid #a7a7a7;
}

Im FF wird die Höhe richtig angezeigt. Im IE geht diese aber weit über 6px... In der Breite stimmt alles. Warum wird die Höhe falsch angezeigt?

Danke für Hilfe,

gondor(..)

  1. Hallo gondor,

    a ist ein Inlineelement, das demnach keine Hoehe haben kann.
    http://www.w3.org/TR/REC-CSS2/visudet.html#Computing_heights_and_margins

    Gruß,

    Dieter

    1. Hallo Dieter,

      a ist ein Inlineelement, das demnach keine Hoehe haben kann.

      nein, denn durch

      position: absolute;

      wird es implizit zum Blockelement.

      Ciao,
       Martin

      --
      Ein guter Lehrer muss seinen Schülern beibringen können,
      eine Frage so zu stellen, dass auch der Lehrer lernen muss,
      um die Frage beantworten zu können.
        (Hesiod, griech. Philosoph, um 700 v.Chr.)
    2. Hallo Dieter!

      Wie kann ich mein Problem lösen?

      Mit 'line-height' geht das auch nicht...

      lg,

      gondor(..)

  2. Hi,

    position: absolute;
    width: 9px;
    height: 6px;
    Im FF wird die Höhe richtig angezeigt. Im IE geht diese aber weit über 6px... In der Breite stimmt alles. Warum wird die Höhe falsch angezeigt?

    weil der IE fälschlicherweise height so interpretiert, wie min-height eigentlich wirken sollte. Er macht das Element daher "so hoch wie nötig, mindestens aber 6px". Und "so hoch wie nötig" leitet sich von der Schriftgröße ab, die an dieser Stelle gilt (selbst wenn das a-Element leer sein sollte). Füge also zum Beispiel ein font-size:1px; hinzu, dann klappt's auch mit dem Nachb^WIE.

    So long,
     Martin

    --
    F: Was ist wichtiger: Die Sonne oder der Mond?
    A: Der Mond. Denn er scheint nachts. Die Sonne dagegen scheint tagsüber, wenn es sowieso hell ist.
  3. Ah, die Lösung ist schon gepostet ;-)

    Vielen Dank für die Antworten,

    gondor(..)