Hyperlink wird über IE falsch angezeigt
gondor
- css
0 Dieter Raber0 Der Martin0 gondor
0 Der Martin0 gondor
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(..)
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
Hallo Dieter,
a ist ein Inlineelement, das demnach keine Hoehe haben kann.
nein, denn durch
position: absolute;
wird es implizit zum Blockelement.
Ciao,
Martin
Hallo Dieter!
Wie kann ich mein Problem lösen?
Mit 'line-height' geht das auch nicht...
lg,
gondor(..)
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
Ah, die Lösung ist schon gepostet ;-)
Vielen Dank für die Antworten,
gondor(..)