André Laugks: Ungewollter Abstand zwischen Zeilen (InternetExplorer)

Hallo!

Im InternetExplorer(5.5/6) werden mir Zeilenanstände generiert, obwohl ich dafür keine Angaben getätigt habe. In Netscape und Opera ist alles wie es sein soll. Wenn man die Schriftgröße kleinerstellt, kann man den Abstand besser beobachten.

-----------------------------------><8-------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Home</title>

<style type="text/css">
<!--
a { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;color:#867A59; }
a:hover { color:#24387e; }
-->
</style>
</head>

<body>

<table width="100">
 <tr>
  <td>
<br><br>10.04.2003<br>
<a href="#">Hier kommt die Maus mit dem Nickolaus!</a>
<br><br>10.04.2003<br>
<a href="#">Hier kommt die Maus mit dem Nickolaus!</a>
<br><br>21.03.2003<br>
<a href="#">Hier kommt die Maus mit dem Nickolaus!</a>
  </td>
 </tr>
</table>

</body>
</html>

-----------------------------------><8-------------------------------

MfG, André Laugks

  1. Hallo!

    Heute mal wieder den Vergesslichen.

    Das Problem tritt nur bei Links auf. Formatiere ich nur "Text", ist alles normal.

    Wenn man zum Beispiel die Tabellenbreite auf 100 Pixel stellt und die Schrift auf 10px; (ja, das ist zu klein) kann man es sehr gut sehen.

    siehe:
    <img src="http://www.zentralfriedhof.net/_extern/selfforum/2003_06_23/abstand.gif" border="0" alt="">

    MfG, André Laugks

    --
    L-Andre @ gmx.de
  2. guten Abend,

    Im InternetExplorer(5.5/6) werden mir Zeilenanstände generiert, obwohl ich dafür keine Angaben getätigt habe. In Netscape und Opera ist alles wie es sein soll. Wenn man die Schriftgröße kleinerstellt, kann man den Abstand besser beobachten.

    Es tut mir leid, ich sehe in IE6 und mozilla 1.4 sowie Opera 7.11 (alles WINDOWS) keinerlei Unterschied. Insbesondere sehe ich keine "Zeilenabstände"  -  alledrings sehe ich Umbrüche, aber auch in _allen_ Browsern.

    Zwei Dinge fallen mir auf:

    a { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;color:#867A59; }

    Über den Sinn und/oder Nutzen von "px" als Größenangabe für Schriften haben wir mehrere gute Hinweise im Archiv, aber das kennst du ja bestens. Zu empfehlen wären als Maßeinheiten doch eher "em" oder, wenns denn sein muß, "pt".

    <table width="100">

    Ich halte eine Maßeinheit immer für nützlich, am besten eine Prozentangabe. Eine "nackte" Zahl macht hier immer bissel Probleme, obwohl sie natürlich auf die Validität so gut wie keinen Einfluß hat.

    Zusätzlich;

    <td>
    <br><br>10.04.2003<br>

    In deinem Beispielscript hast du für <td> keine Schrift mit CSS formatiert, sondern nur für <a>. Formatiere <td> auch noch, vielleicht ist dein Problem damit gelöst  -  aber, wie gesagt, ich habe die Problemstellung nicht nachvollziehen können.

    Grüße aus Berlin

    Christoph S.

    1. Hallo!

      Es tut mir leid, ich sehe in IE6 und mozilla 1.4 sowie Opera 7.11 (alles WINDOWS) keinerlei Unterschied. Insbesondere sehe ich keine "Zeilenabstände"  -  alledrings sehe ich Umbrüche, aber auch in _allen_ Browsern.

      Mhhhhhhh!

      Zwei Dinge fallen mir auf: [...]

      Über den Sinn und/oder Nutzen von "px" als Größenangabe [...]

      <table width="100">
      Ich halte eine Maßeinheit immer für nützlich, am besten eine Prozentangabe. [...]

      Christoph ..., das IST eine Testseite! ;-)

      MfG, André Laugks

      --
      L-Andre @ gmx.de
      1. hi,

        Christoph ..., das IST eine Testseite! ;-)

        Ja, klar. Deshalb setze ich voraus, daß du sie auf die _elementaren_ Bestandteile reduziert hast, daß also wirklich nur die Sachen drinstehen, die eventuell problematisch sind. Und ich kriege dein Problem einfach nicht dargestellt, auch nicht, nachdem ich [pref:t=50307&m=275495] gelesen und beherzigt habe.

        Grüße aus Berlin

        Christoph S.

    2. Hi Christoph,

      Über den Sinn und/oder Nutzen von "px" als Größenangabe für Schriften haben wir mehrere gute Hinweise im Archiv, aber das kennst du ja bestens. Zu empfehlen wären als Maßeinheiten doch eher "em" oder, wenns denn sein muß, "pt".

      Deine Vorliebe für relative Schriftgrößen in allen Ehren, aber pt scheint mir für das Netz wirklich denkbar ungeeignet für diesen Zweck, weil es auf den verschiedenen Plattformen derart unterschiedlich ausgewertet wird.

      Viele Grüße
      Mathias Bigge

      1. hallo ;-)

        Deine Vorliebe für relative Schriftgrößen in allen Ehren

        Nee, das ist keine "Vorliebe für irgendetwas", das ist bloß eine gewisse Skepsis gegenüber "px" als Maßeinheit für Schriften. Und daß ich diese Skepsis kultiviert habe, ist ein Erziehungseffekt, den das Forum auf mich ausgeübt hat ;-)

        Viele Grüße

        ebenfalls  -  wann sieht man sich mal wieder?

        Christoph S.

        1. Hi Christoph Schnauß,

          ebenfalls  -  wann sieht man sich mal wieder?

          Kann noch eine Weile dauern, aber wenn ich mal wieder in Berlin bin, melde ich mich gern einmal bei Dir, wenn's konvenieren sollte...

          Viele Grüße
          Mathias Bigge

    3. Hi,

      <table width="100">
      Ich halte eine Maßeinheit immer für nützlich,

      Entschuldige Christoph, aber eine Maßeinheit an dieser Stelle wäre schlichtweg falsch.
      Im HTML-Attribut width hat eine Längeneinheit schlicht und einfach nichts verloren, wenn nicht Prozent gewünscht sind.

      Das width-Attribut von Table ist vom Typ Length
      Der ist wie folgt (unter 2.) definiert, 1. zitiere ich, weil sich 2. darauf bezieht:

      1. Pixels: The value (%Pixels; in the DTD) is an integer that represents the number of pixels of the canvas (screen, paper). Thus, the value "50" means fifty pixels. For normative information about the definition of a pixel, please consult [CSS1].
      2. Length: The value (%Length; in the DTD) may be either a %Pixel; or a percentage of the available horizontal or vertical space. Thus, the value "50%" means half of the available space.

      siehe http://www.w3.org/TR/html401/types.html#type-pixels

      Wenn es style="width:..." wäre, lägst Du richtig.

      cu,
      Andreas

      --
      Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
      http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
      1. rehi,

        <table width="100">
        Ich halte eine Maßeinheit immer für nützlich,
        Wenn es style="width:..." wäre, lägst Du richtig.

        Genau das setze ich bei jemand wie Andreas voraus, daß er das dann, wenns "ernst" wird und es sich nicht mehr um ein "komprimiertes Rudiment zu Testzwecken" handelt, auch machen würde. Wenn schon CSS, dann richtig.

        Grüße aus Berlin

        Christoph S.

        1. Hallo!

          Genau das setze ich bei jemand wie Andreas voraus, daß er das dann, wenns "ernst" wird und es sich nicht mehr um ein "komprimiertes Rudiment zu Testzwecken" handelt, auch machen würde. Wenn schon CSS, dann richtig.

          Ich würde es gerne machen, leider geht es aber nicht immer. Oft muß ich immer noch NN4-freundlich arbeiten oder mich an Vorgaben von Grafikern halten. Die unter Mac noch oft den NN4 nutzen und dort Ihr Layout so sehen möchten wie sie es mir gegeben haben. :-( Oft hat der Kunde noch NN4 und will es so umgesetzt haben, wie der Grafiker es entwurfen hat. Da muß man hier und da auch noch width & Co einsetzen.

          Aber ich unterrichte an einer Schule HTML/CSS und einer meiner Standardfragen in der "schriftlichen Klausur/Arbeit" ist: "Warum sollten relative Schriftgrößen eingesetzt werden?".

          Oft meckert der Validator über meine Seiten. Ich weiß aber auch wieso...! Schlimm währe, wenn ich nicht wüßte wieso.

          MfG, André Laugks

          --
          L-Andre @ gmx.de
    4. Hallo Christoph,

      Zu empfehlen wären als Maßeinheiten doch eher "em" oder, wenns denn sein muß, "pt".

      sorry, aber pt als Masseinheit für die Schriftgröße und die Dar-
      stellung auf dem Bildschirm ist unbestritten Unfug. Auf weitere
      Infos dazu verzichte ich jetzt, die stehen wirklich zuhauf im
      Archiv, in der dciwam-FAQ stehen da mind. zwei gute Artikel.

      Viele Grüße,
      Stefan

      PS: Habe gerade gesehen, dass Du ja bereits darauf hingewiesen
          hast, dass die Schriftgröße auch für das td-Element definiert
          werden sollte, deshalb erkläre ich [pref:t=50307&m=275523] obsolet ;-)

    5. Hallo!

      In deinem Beispielscript hast du für <td> keine Schrift mit CSS formatiert, sondern nur für <a>. Formatiere <td> auch noch, vielleicht ist dein Problem damit gelöst  -  aber, wie gesagt, ich habe die Problemstellung nicht nachvollziehen können.

      Stimmt, Du hast ja auch den Vorschlag mit dem TD gemacht.

      Verstehen tue ich es aber nicht, was soll das? Das kann doch nur wieder so ein IE-Quatsch sein.

      MfG, André Laugks

      --
      L-Andre @ gmx.de
      1. Hallo André,

        Verstehen tue ich es aber nicht, was soll das? Das kann doch nur wieder so ein IE-Quatsch sein.

        habe es ja schon in ?t=50307&m=275541 geschrieben, Zeilenumbrüche,
        Tabulatoren und natürlich beliebig viele Leerzeichen werden wie
        ein Leerzeichen behandelt und dann kommt es eben zu Problemen
        wie dem von Dir geäußerten. Tritt in allerlei Variationen immer
        wieder auf, im Zweifelsfall einfach den kompletten Quelltext in
        eine Zeile schreiben.

        Viele Grüße,
        Stefan

        PS: http://www.w3.org/TR/html401/struct/text.html#whitespace

        1. Hallo!

          habe es ja schon in ?t=50307&m=275541 geschrieben, Zeilenumbrüche,
          Tabulatoren und natürlich beliebig viele Leerzeichen werden wie
          ein Leerzeichen behandelt und dann kommt es eben zu Problemen
          wie dem von Dir geäußerten.

          Ich habe ja auch nur die Links formatiert und nicht die Zeilumbrüche usw., irgendwie hätte mir das auch einfallen können. Dafür wurde dann die Schriftgröße laut Einstellungen eingenommen, also vielleicht 3-4 Pixel mehr.

          MfG, André Laugks

          --
          L-Andre @ gmx.de
  3. Hi,

    abgesehen von den Fehlern im Quellcode, setzte doch mal den CSS-Befehl "line-height" ein

    Bye,
    Steve

    Hallo!

    Im InternetExplorer(5.5/6) werden mir Zeilenanstände generiert, obwohl ich dafür keine Angaben getätigt habe. In Netscape und Opera ist alles wie es sein soll. Wenn man die Schriftgröße kleinerstellt, kann man den Abstand besser beobachten.

    1. Hallo!

      abgesehen von den Fehlern im Quellcode,

      Wo, außer der dem falsch schließende Kommentar bei den Style-Sheets und fehlende Content-Type. Der Valitaor beim W3C findet es ansonsten sehr gut.

      setzte doch mal den CSS-Befehl "line-height" ein

      Das kann es aber nicht sein...

      MfG, André Laugks

      --
      L-Andre @ gmx.de
  4. Hallo André,

    eh hier noch stundenlang gerätselt wird, setze einfach die Schrift-
    größe auch für das td-Element auf 13px.

    Viele Grüße,
    Stefan

    1. hi,

      eh hier noch stundenlang gerätselt wird, setze einfach die Schrift-
      größe auch für das td-Element auf 13px.

      siehe:

      In deinem Beispielscript hast du für <td> keine Schrift mit CSS formatiert, sondern nur für <a>. Formatiere <td> auch noch

      in [pref:t=50307&m=275503]

      Christoph S.

      1. fein fein...

        du hast es auch gewusst.

        kriegst auch nen leckerli :)

        mfg anonym

      2. Hallo Christoph,

        siehe:

        In deinem Beispielscript hast du für <td> keine Schrift mit CSS formatiert, sondern nur für <a>. Formatiere <td> auch noch
        in [pref:t=50307&m=275503]

        genau, habe ich um [pref:t=50307&m=275524] dann auch bemerkt. Tut mir leid,
        dass ich es noch einmal geschrieben habe, zumindest war ich noch in
        der Lage, meinen Fehler zu bemerken und darauf hinzuweisen ...

        Viele Grüße,
        Stefan

        1. hallo Stefan,

          zumindest war ich noch in der Lage, meinen Fehler zu bemerken

          ups? Du hast doch keinen Fehler gemacht. Es ist nun beileibe nichts Seltenes, daß in _einem_ Thread _zwei_ Leute unabhängig voneinander und bisweilen auch sehr zeitnah auf ungefähr dieselbe Idee kommen. Besser, zweimal in die richtige Richtung zu zeigen, als einmal in die falsche ...

          Nein, du hast keinen Fehler gemacht und es gibt _absolut_ nichts, wofür du dich entschuldigen müßtest.

          gute Nacht ;-)

          Christoph S.

    2. Hallo!

      eh hier noch stundenlang gerätselt wird, setze einfach die Schrift-
      größe auch für das td-Element auf 13px.

      Du bist der Ober-CSS-Killer. :-)

      Was ist das Problem? Bug oder Feature?

      MfG, André Laugks

      --
      L-Andre @ gmx.de
      1. Hallo André,

        Was ist das Problem? Bug oder Feature?

        also ich würde es Feature nennen, liegt in Deiner Schreibweise be-
        gründet. Nach den Links kommt bei Dir ein Zeilenumbruch (White-
        space), was quasi ein Leerzeichen für den MSIE ist und eben dieses
        Leerzeichen wird in der Standardschriftgröße dargestellt, außer Du
        definierst für die Zelle explizit eine andere Schriftgröße.

        Meine Schreibweise für den Inhalt der Zelle sähe wie folgt aus, dann
        tritt das Problem auch nicht auf:

        <td> <br> <br>10.04.2003<br>
         <a href="#">Hier kommt die Maus mit dem Nickolaus!</a><br> <br>
         10.04.2003<br>
         <a href="#">Hier kommt die Maus mit dem Nickolaus!</a><br> <br>
         21.03.2003<br>
         <a href="#">Hier kommt die Maus mit dem Nickolaus!</a></td>

        Viele Grüße,
        Stefan

        1. Hi,

          <td> <br> <br>10.04.2003<br>
          <a href="#">Hier kommt die Maus mit dem Nickolaus!</a><br> <br>
          10.04.2003<br>
          <a href="#">Hier kommt die Maus mit dem Nickolaus!</a><br> <br>
          21.03.2003<br>
          <a href="#">Hier kommt die Maus mit dem Nickolaus!</a></td>

          hm, is das nicht ein bisschen altbacken...?

          <p style="margin:4px 0 12px 0"><a href="#">Hier kommt die Maus mit dem Nickolaus!</a></p>
          <p style="margin:4px 0 4px 0">10.04.2003</p>
          <p style="margin:4px 0 12px 0"><a href="#">Hier kommt die Maus mit dem Nickolaus!</a></p>

          ...mein ja nur...

          Gruesse  Joachim

          1. Hallo Joachim,

            hm, is das nicht ein bisschen altbacken...?

            ja, habe ich ja auch nicht so geschrieben, war nur die modifizierte
            Version von André, ich würde die Tabelle vermutlich weglassen ;-)

            Viele Grüße,
            Stefan