Link mit Float:left -> Höhe und Block erzwingen

[Cssler]

Hallo

Ich habe ein 2 Links nebeneinander:

<div class="top">
<a title="" href="#"><img alt="" src="abc.jpg" width="75" border="0"></a><a title="" class="link" href="#">Titel<br>Text text text text </a>
<div>

Dies mit der float Eigenschaft. Mein Div gibt die Max Höhe an. Nun habe ich das Problem, dass der Text (Text text text text) dynamisch ist, sprich auch sehr lang werden kann. Ich möchte nun, dass der Link mit dem Text (und der Klasse link) so gross ist, wie der Text.

Wie krieg ich das hin?

Hier mein CSS:

a.link{
display:block;
border:1px solid black;
float:left;
height:150px;
min-height:150px;
}

Wie kann ich via CSS erzwingen, dass der Link mit der Klasse link ein Block ist und die Höhe durch den Text verursacht wird.

Viele Grüsse

[molily]

height:150px;
min-height:150px;

Warum hast du height angegeben, wenn du doch keine feste Höhe willst? Diese Angabe zusammen mit min-height macht keinen Sinn. Wenn ich dich richtig verstehe, willst du bloß min-height.

Mathias

[Gunnar Bittersmann]

@@molily:

nuqneH

»» height:150px;
»» min-height:150px;

Warum hast du height angegeben, wenn du doch keine feste Höhe willst?

Vielleicht für IE < 7, die kein 'min-height' verstehen?

Dann aber nur für diese – nicht für alle – angeben:

* html a.link  
{  
  height: 150px;  
}

Qapla'