nicht angemeldet
Gleiche Abstände von Überschrift und Text bei NN und MSIE
Kennt jemand eine Lösung bei NN und MSIE die gleichen Abstände von Überschrift zu Text hinzukriegen?
<H5>Dies ist eine Überschrift</H5>
<P>Hier kommt der Text ...
gibt bei NS einen Abstand.
p.noabst { margin-top:-12px; }
<H5>Nocheine Überschrift<H5>
<P class="noabst">Jetzt Text ...
macht bei Netscape den Abstand raus. Beim IE hängt dann der Text in der Überschrift.
Schöne Grüße,
Wolfgang
-
Hallo!
Du könntest z.B eine blinde Tabelle zwischen Überschrift und Text setzen, mit einer fest gesetzten Höhe.
Überschrift
<TABLE BORDER=0>
<TR><TD HEIGHT=(Pixel)><BR></TD></TR>
</TABLE>
TextDu kannst aber auch ein blindes GIF nehmen und einen Abstand erzwingen.
Überschrift
<BR>
<IMG SRC="blindes-GIF" VSPACE=Pixel>
<BR>
TextIch gehe davon aus, das das bline GIF 1x1 Pixel groß ist. Ansonsten muß man noch inventuell WIDTH 0nd HIGHT auf 1 Pixel setzen...oder auch nicht, wenn man das von VSPACE abzieht, muß man aber auch nicht. Man kann auch probieren die Pixel fest zu legen, bis es passt.
Die beiden Vorschläge funktionieren im IE und in Netscape und Opera. Mit einer Tabelle ist es wohl noch am besten. Weil wenn einer die Bilder im Bowser abgestellt hat.......! Diese beiden Methoden sind jedenfalls unabhänig von dem Browsertyp/Version. CSS verstehen ja nur die 4er und die noch nicht einmal richtig.
André
-
macht bei Netscape den Abstand raus. Beim IE hängt dann der Text in der Überschrift.
hallo Wolfgang!
<title>Untitled</title> <STYLE type="text/css"> <!-- p.noabst { margin-top:-12px; } --> </STYLE></head><body>
<H5>Dies ist eine Überschrift</H5>
<p>Hier kommt der Text ...</p>
<H5>Nocheine Überschrift</H5>
<p class="noabst">Jetzt Text ...mit IE 4.01</p>
</body></html>Wenn ich es so mache sieht es so aus:
<img src="http://unet.univie.ac.at/~a9105535/pics/ie401.gif" alt=""> <img src=":http://unet.univie.ac.at/~a9105535/pics/ns406.gif" alt="">
Also ich sehe das Porblem nicht, oder ich habe es nicht verstanden ;-)
Grüße
Thomas-
macht bei Netscape den Abstand raus. Beim IE hängt dann der Text in der Überschrift.
hallo Wolfgang!
»» <title>Untitled</title>
»» <STYLE type="text/css">
»» <!--
»» p.noabst { margin-top:-12px; }
»» -->
»» </STYLE></head><body>
<H5>Dies ist eine Überschrift</H5>Hier kommt der Text ...</p>
<H5>Nocheine Überschrift</H5>
<p class="noabst">Jetzt Text ...mit IE 4.01</p>
</body></html>Wenn ich es so mache sieht es so aus:
<img src="http://unet.univie.ac.at/~a9105535/pics/ie401.gif" alt=""> <img src="http://unet.univie.ac.at/~a9105535/pics/ns406.gif" alt="">
Also ich sehe das Porblem nicht, oder ich habe es nicht verstanden ;-)
Grüße
Thomas -
Hallo,
Vielen Dank für den Hinweis.
Ich hatte noch einen zusätzlichen Tag eingebaut der von NN wohl ignoriert wurde und IE hat es interpretiert. Wenn <H5> umdefiniert wird siehts anders aus.<title>Untitled</title>
<STYLE type="text/css">
<!--
p.noabst { margin-top:-12px; }
H5 { margin-bottom:0px; }
-->
</STYLE>
</head><body>
<H5>Dies ist eine Überschrift</H5>
<p>Hier kommt der Text ...</p>
<H5>Nocheine Überschrift</H5>
<p class="noabst">Jetzt Text ...mit IE 4.01</p>
</body></html>Gruß,
Wolfgang
-
-
Kennt jemand eine Lösung bei NN und MSIE die gleichen Abstände von Überschrift zu Text hinzukriegen?
Es gibt keine richtige Loesung - leider. Alle Versuche sind da recht sinnlos, wenn man genau hinsieht, da MSIE und NS/AOL den Zwischenraum zwischen Absaetzen bzw. Absaetzen und Ueberschriften nicht gleich darstellen. Genau da muesste endlich mal eine Standardisierung ansetzen um endlich pixelgenau Layouten zu koennen. CSS allein genuegt dem Probem nicht.
-
Hallo!
Es gibt keine richtige Loesung - leider. Alle Versuche sind da recht sinnlos, wenn man genau hinsieht, da MSIE und NS/AOL den Zwischenraum zwischen Absaetzen bzw. Absaetzen und Ueberschriften nicht gleich darstellen. Genau da muesste endlich mal eine Standardisierung ansetzen um endlich pixelgenau Layouten zu koennen. CSS allein genuegt dem Probem nicht.
Die beste und kompatibelste Lösung ist ein blindes GIF oder eine blinde Tabelle, wie ich es schon beschrieben habe. Wenn alle Browser CSS richtig verstehen würden, währe es ja mit CSS kein Problem. Aber wie oft wurde hir im Forum fest gestellt, das viele CSS-Tags nicht richtig oder gar nicht unterstützt werden
André
-
Hallo Thomas,
Es gibt keine richtige Loesung - leider. Alle Versuche sind da recht sinnlos, wenn man genau hinsieht, da MSIE und NS/AOL den Zwischenraum zwischen Absaetzen bzw. Absaetzen und Ueberschriften nicht gleich darstellen. Genau da muesste endlich mal eine Standardisierung ansetzen um endlich pixelgenau Layouten zu koennen. CSS allein genuegt dem Probem nicht.
Sagen wir so: CSS hat schon alles, was erforderlich ist, um exakt zu formatieren. Aber es gibt Angaben, die Interpretationsspielraum erlauben, zum Teil haengt das auch mit der Geschichte der Textverarbeitung zusammen. So gibt es Programme, die einen Nachabstand bei Absatz A und einen Vorabstand bei Absatz B addieren, und solche, die in einem solchen Fall nur den Nachabstand von A nehmen oder solche, die nur den Vorabstand von B nehmen. Dazu kommt das Problem, dass der Browser in HTML ja bereits "Defaultwerte" fuer die Formatierung hat, z.B. bei einer H5-Ueberschrift.
Die CSS-Spec sollte da ganz genaue Vorschriften machen, auch wenn es penibel klingen mag. Denn ohne exakte Vorschriften werden zwei Entwickler immer zwei voneinander abweichende Ergebnisse liefern. Selbst wenn sie es nicht mit Absicht tun, was bei NS <-> MS noch dazu kommen kann.
viele Gruesse
Stefan Muenz
-