| von Al Blank |
Stimmt, das ist eigenartig.
Ich würde es mit einem 33px transparenten Gif "aufspannen", wenns keine Lösung in CSS gibt die der IE richtig interpretiert, das funkt immer. |
| von HerrRossi |
| da würd ich doch sagen: ein hoch auf mozilla ;) |
Das heißt, der NS Navigator macht es richtig?
OK. Und wie könnt ich den Quellcode schreiben, daß die Ausgabe in beiden Browsern völlig ident ist?
BITTE um Hilfe! |
| von languitar |
| da würd ich doch sagen: ein hoch auf mozilla ;) |
| von HerrRossi |
Hi! 
Ich habe ein eigentlich völlig simples Darstellungsproblem.
Ein html-Dokument hat mittels CSS eine vordefinierte Zeilenhöhe.
In diesem Dokument gibt es 3 Absätze.
Im ersten Absatz stehen einfach 3 Zeilen.
Im zweiten Absatz die sleben Zeilen mit einem ganz kleinen gif-Bild davor.
Und im dritten Absatz wird das gif-Bild 3 mal untereinander angezeigt.
Wenn ich mir diese Seite mit dem NS Navigator ansehe, dann sind die Zeilen im 1. und im 2. Absatz genau so weit auseinander, wie mittels CSS vorgegeben. Auch die 3 Bilder untereinander haben genau diesen Abstand vertikal zueinander.
Wenn ich mir diese Seite aber mit dem IE ansehe, dann kleben die Zeilen im 2. Absatz und die Bilder im 3. Absatz vertikal zusammen. Nur im 1. Absatz macht er brav den richtigen Zeilenabstand. 
Ich kann das drehen und wenden wie ich will, das Problem kann ich nicht beseitigen. Ich will aber, daß auch im IE die Zeilen den richtigen ABstand haben. Auch, wenn ein Bild dabei ist in der Zeile.
Meine Fragen :
1) Wie mache ich das?
2) Welcher der beiden Browser zeigt es eigentlich richtig an und welcher falsch?
Würd mich wirklich freuen, wenn mir wer weiterhelfen könnte.
Danke im Voraus
Rossi
PS : Und DAS ist der Quelltext dazu:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>
Ein Test
</title>
<style type="text/css">
<!--
body
{
line-height:33px;
}
-->
</style>
</head>
<body>
<p>
Erste Zeile ohne Bild im ersten Absatz.<br>
Zweite Zeile ohne Bild im ersten Absatz.<br>
Dritte Zeile ohne Bild im ersten Absatz.
</p>
<p>
<img src="bild.gif" alt="" style="width:9px; height:9px; ">
Erste Zeile mit Bild im zweiten Absatz.<br>
<img src="bild.gif" alt="" style="width:9px; height:9px; ">
Zweite Zeile mit Bild im zweiten Absatz.<br>
<img src="bild.gif" alt="" style="width:9px; height:9px; ">
Dritte Zeile mit Bild im zweiten Absatz.
</p>
<p>
Und im dritten Absatz einfach 3 mal das Bild untereinander:<br><br>
<img src="bild.gif" alt="" style="width:9px; height:9px; "><br>
<img src="bild.gif" alt="" style="width:9px; height:9px; "><br>
<img src="bild.gif" alt="" style="width:9px; height:9px; ">
</p>
</body>
</html> |
|
|
