css line-height Problem

[Billahonk]

Hallo,

bevor ich noch durchdrehe, frag ich doch lieber mal nach.
Kann es sein, dass der IE6 die css Anweisung line-height nicht interpretiert?
Im Firefox klappt das ohne Probleme. Gibt es irgendeine Lösung für den IE?

Vielen Dank!

[Terry]

Gib mal ein Beispiel!

Weil eigentlich gilt: " line-height ist der Freund des IE" (Zitat von AnnaStesia) - stimmt aber!

[AnnaStesia]

@terry: huch, jetzt werd ich schon zitiert, welch Ehre Hab mir da inzwischen 'ne Eselsbrücke gebaut, die lautet: "Will IE nicht artig sein, hau ihm doch ein line-hight rein!"

Sorry für OT. Ja Billahonk, ein bisschen Code wäre fein.

[Billahonk]

Hab jetzt nochmal ausgiebig getestet. Funktioniert im IE doch ohne Probleme, in meinem speziellen Fall aber nicht. Das Ding bei der Sache ist, dass es sich um eine Bildergalerie handelt, bei der die Links zu den einzelnen Galerien chronologisch angezeigt werden.
Dazu gibt es auch ein Template. Die einzelnen Links zu den Galerien möchte ich untereinander darstellen. Wenn line-height im IE greifen soll, funktioniert dies leider nur, wenn die Links dann nebeneinander dargestellt werden. Wenn dann ein Zeilemumbruch erzwungen wird, passt das dann auch. Ist aber nicht was ich möchte. (Firefox macht es).
Hab alles probiert und steuer es nun über ne height Angabe in der Tabelle im Template. Ist zwar keine 100 %ige Lösung mit der ich zufrieden bin ...

[Terry]

Ich hab das zwar jetzt nicht verstanden, aber Hauptsache, Du hast ne Lösung....

[Billahonk]

Wahrschinlich schlecht erklärt, ist aber egal.

Ich habe das Problem gefunden. Und zwar habe ich vor jedem Link ein kleines Pfeilchen gesetzt. Sobald beim IE Grafiken ins Spiel kommen ignoriert er die line-height Angaben. Im Firefox klappt es ohne Probleme. Deswegen dachte ich zuerst der IE würde die Angaben total ignorieren, er tut das aber nur, wenn auch eine Grafik in der Zeile ist.

Möchte aber die Pfeilchen auf keinen Fall missen! Gibt es eine Lösung für den IE? Muss ich den Grafiken auch noch irgendein css Attribut zuweisen??

Danke schon mal für Eure Hilfe!!

[Terry]

Ich kann mir immer noch nicht vorstellen, was Du genau meinst, wie es genau aussehen soll usw. -> weil eigentlich geht das auch mit Grafiken.

Mach doch mal ne schnelle Testseite und lad die hoch - dann hat man den ganzen Code und dann kann man auch mal kurz den Code ziehen und rumprobieren, so muss ich erst meine Glaskugel bemühen (und die hab ich beim letzten Aufräumen irgendwo hin gepackt..... muss erst suchen, sorry....)

[GodfatherDeluxe]

so muss ich erst meine Glaskugel bemühen (und die hab ich beim letzten Aufräumen irgendwo hin gepackt..... muss erst suchen, sorry....)

lol

@billahonk
ich weiß nicht, wie du die "pfeilchen" vor die links setzt, aber ich nehme an einfach per html?! - wie wärs mit background per css? das sollte doch dann auf jeden fall funsen...(glaube ich zumindest )

[Billahonk]

So, hier mal ein Code-Schnipsel, der das Problem darstellt. Grafik müsst ihr dann noch kurz in der selben Größe anpassen.
In der zweiten Spalte habe ich bei den ersten zwei Links mal die Grafik davor weggenommen und dann funktioniert auch die line-height Angabe.
Wie ihr sieht, funktioniert die Angabe allerdings ab der dritten Zeile in der zweiten Spalte nicht mehr, sobald eine Grafik vor dem Link erscheint. Hoffe nun, dass es verständlich ist. Wie gesagt im FF ohne Probs.

 <style type="text/css">
<!--
.unnamed1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
-->
</style>
<table width="300" border="0" cellpadding="0" cellspacing="0" class="unnamed1">
  <tr> 
    <td width="100" valign="top" style="line-height: 15px">Text 1<br>
      Text 2<br>
      Text 3<br>
      Text 4<br>
      Text 5<br>
      Text 6<br>
    </td>
    <td valign="top" style="line-height: 15px"><a href="http://www.test.de" target="_blank">www.test.de<br>
      </a> <a href="http://www.test.de" target="_blank">www.test.de<br>
      </a><img src="pfeil.gif" alt="" width="11" height="8"> <a href="http://www.test.de" target="_blank">www.test.de<br>
      </a><img src="pfeil.gif" alt="" width="11" height="8"> <a href="http://www.test.de" target="_blank">www.test.de<br>
      </a><img src="pfeil.gif" alt="" width="11" height="8"> <a href="http://www.test.de" target="_blank">www.test.de<br>
      </a> <img src="pfeil.gif" alt="" width="11" height="8"> <a href="http://www.test.de" target="_blank">www.test.de</a></td>
  </tr>
</table>

@godfatherdeluxe: eine Hintergrundgrafik bringt mich nicht weiter...

[GodfatherDeluxe]

@godfatherdeluxe: eine Hintergrundgrafik bringt mich nicht weiter...

wieso nicht? so wie ich dich verstanden habe ist das ein kleiner Pfeil (oder nicht?!), den kannst du auch als Hintergrundgrafik einbinden, das is wohl sogar einfacher als das vor jeden link zu schreiben:

a.pfeil
{
 background-image:url(pfeil.gif);
 background-position:left;
 background-repeat:no-repeat;
 padding-left:15px; //Damit der Text nicht über der Grafik liegt
}

oder hab ich dich falsch verstanden?

[Billahonk]

@ godfather: in diesem Fall würde es gehen, klar. Aber erstens ist das keine befriedigende Lösung, zweitens werden auf einer anderen Seite die Links dynamisch gesetzt und da kann ich schlecht mit einem bg arbeiten, da die Anzahl der Links variiert.
Trotzdem Danke für deine Hilfe.

[Terry]

Mir fällt auch nix anderes dazu ein - aber warum geht das nicht mit variierender Zahl der Links?
Der Background wird doch dem a -tag zugewiesen, und wie oft der vorkommt, ist doch nicht limitiert!

Aber den IE-Bug kannte ich noch nicht. Ist auch unabhängig vom Render-Modus.

[Billahonk]

Ja war glaube ich auch zu voreilig in meiner Meinung, werds morgen mal ausprobieren, bin jetzt zu müde. Dann ist es tatsächlich wohl ein IE Bug!
Vielen Dank für Eure Hilfe, ich werde berichten...

[Billahonk]

@ Terry: Was meinst Du mit Render-Modus?