Ungewollter Abstand zwischen Zeilen (InternetExplorer)
André Laugks
- css
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
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
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.
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
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.
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
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.
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
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
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.
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
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 ;-)
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
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
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
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.
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
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
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.
fein fein...
du hast es auch gewusst.
kriegst auch nen leckerli :)
mfg anonym
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
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.
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
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
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
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