nicht angemeldet
Fehlerhafte Darstellung im IE
Hallo,
im Firefox sieht meine Seite genau so aus, wie ich das haben will.
Im Internet Explorer erscheint aber der DIV-Bereich mit dem
"Text Text Text" unter dem Bild, und nicht - wie im Firefox - neben
dem Bild.
Woran liegt das? Von den Pixeln her müsste es eigentlich aufgehen,
ich habe alles nochmal durchgerechnet.
Viele Grüße,
Sebastian
Hier im Anschluss noch der entsprechende Quelltext:
<div style="width:640px; margin:auto;">
<hr style="width:32%;">
<h1>Überschrift</h1>
<hr style="width:32%;">
<div style="width:230px; float:left; text-align:left; margin-top:1em;">
<img src="bilder/logo.png" width="175" height="358" alt="">
</div>
<div style="width:410px; float:left; margin-top:1em;">
<p style="font-weight:bold;">
Zweite Überschrift
</p>
<div style="width:192px; float:left; text-align:left; margin-right:13px;">
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
</div>
<div style="width:193px; float:left; text-align:left; margin-left:12px;">
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
</div>
<div style="width:300px; clear:both; float:left; margin-left:55px; margin-right:55px; margin-top:1.5em; padding:1em; background-color:#DFDFDF;">
Infotext zum Newsletter
<form action="eintragen.php" method="post" style="margin:0.25em;">
<input type="hidden" name="Aktion" value="Anmelden">
<input type="text" name="email" value="E-Mail Adresse" maxlength="100" onFocus="javascript:email.value='';">
<input type="submit" name="submit" value="Anfordern">
</form>
</div>
</div>
<br style="clear:both;"><br>
<hr>
Fusszeile
<hr>
</div>
-
Hallo,
du kannst das Problem umgehen indem du die Seite mit dementsprechenden
Tabellen erstellst! Ich habe mir die Seite auch mal im Opera
angeschaut, auch in diesem Browser wird die Seite so angezeigt wie
du das haben willst jedoch um das Problem wirklich zu umgehen würde
ich es dann mit Tabellen versuchen!Gruß
Schotti
-
Hallo,
du kannst das Problem umgehen indem du die Seite mit dementsprechenden
Tabellen erstellst! Ich habe mir die Seite auch mal im Opera
angeschaut, auch in diesem Browser wird die Seite so angezeigt wie
du das haben willst jedoch um das Problem wirklich zu umgehen würde
ich es dann mit Tabellen versuchen!Gruß
Schotti
Um gottes Willen bloß nicht! Entschuldige Schotti, aber Tabellen für das Seitenlayout sind nicht nur out, mit CSS läßt sich das ganze sehr viel besser und schöner realisieren http://de.selfhtml.org/css/layouts/einfuehrung.htm.
Außerdem sollten Tabellen in Zeiten von Semantic Web, XHTML und CSS2 wo Accessibility (Behindertenfreundlichkeit) und Standardkonformität großgeschrieben werden, auch nur noch für darzustellende Tabellen benutzt werden.Matthias
-
-
margin wird es sein. Wärend beim einem Browser das zu der Pixelangabe dazugerechnet wird, ist sie beim anderen beinhaltet.
-
margin wird es sein. Wärend beim einem Browser das zu der
Pixelangabe dazugerechnet wird, ist sie beim anderen beinhaltet.Das wäre dann in der Tat schlecht. :-(
Im Firefox scheint es jedenfalls so zu sein, wie ich das auch
gemacht habe. Sprich: Will ich einen Bereich haben, der 300 Pixel hat
und links und rechts einen Freiraum von 50 Pixel, mache ich einen
400 Pixel DIV-Bereich mit einem Margin von rechts und links je 50
Pixel.Im IE müsste es dann ja so sein: Einen DIV-Bereich von 300 Pixel +
einem Margin von rechts und links je 50 Pixel. Okay, das ergibt dann
natürlich 100 Pixel Differenz.Hast du eine Idee wie ich das Problem umgehen könnte (ohne jetzt
für jeden Browsertyp eine andere Seite zu machen)?Viele Grüße,
Sebastian
-