s0nata: Problem mit IE

Hallo Leute!
Ich mach im Moment meine erste Internetseite. Diese ist für die Ministranten in meiner Gemeinde...
Jetzt hab ich aber das Problem, dass der Internet Explorer im Gegensatz zum Firefox ein paar sachen falsch darstellt! In einem Fall zeigt er den Text 2 cm weiter links an, im anderen zeigt er ein Bild ca 5cm weiter rechts an. Kann man irgendwie etwas machen, damit zB nur der Internet Explorer 5 " "´s anzeigen muss, die zahlreichen anderen Browser nicht?
Diese Browserweiche hab ich hier schon gefunden. Da hab ich aber so gut wie gar nichts kapiert und Google kann mir da wie es aussieht auch nicht helfen.
Falls es euch hilft hier meine Seiten, in denen Text und Bild verschoben werden:
Text verschoben:

  
<html>  
 <head>  
  <title>Minis Pfalzgrafenweiler</title>  
 </head>  
<body background="bg2.jpg">  
 <div style="background-image: url(unterlage6.png); background-repeat:no-repeat; background-position:left; margin-left:0px;">  
 <br><br><br><br><br><br><br><br><br><br>  
 <img src="navigation.png" align="left" style="margin-left:50px;" USEMAP="#map1" BORDER="0">  
 <div style="background-image: url(blatt.png); background-repeat:no-repeat; background-position:left; margin-left:320px; height:1000px">  
   <br><br><br><br><br>  
 <font size=6">&nbsp;&nbsp;&nbsp; Willkommen auf der möglicherweise<br>  
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zukünftigen Seite der Minis!</font><br><br>  
 Links auf dem hinteren Blatt hab ich die Navigation hingemacht!<br>  
 Damit haben wir mehr Platz für Text auf DISEM Blatt! Genial, oder? ;-)<br>  
 Der Miniplan is auch ganz gut untergebracht, hoffe es gefällt euch so...<br>  
 Die Schriftart, Schriftgröße und Schriftfarbe ist variierbar. <br>  
 Auch <font color="ff5543">innerhalb des Textes</font> lässt sich alles verändern!<br>  
 Verbesserungsvorschläge bitte per E-Mail ;-)<br>  
 Achja... Die Kleckser kommen auch noch auf dieses Blatt ;-)<br>  
 Und das Logo der Kirche kommt dahin, wo jetzt "Under construction" steht ;-)  
 </div>  
 </div>  
</body>  
  
<MAP NAME="map1">  
 <AREA SHAPE="RECT" COORDS="46,65,114,97" HREF="news.html" TITLE="Aktuelles...">  
 <AREA SHAPE="RECT" COORDS="114,95,164,125" HREF="about.html" TITLE="Was machen wir eigentlich?">  
 <AREA SHAPE="RECT" COORDS="47,99,114,128" HREF="about.html" TITLE="Was machen wir eigentlich?">  
 <AREA SHAPE="RECT" COORDS="184,121,277,151" HREF="unternehmungen.html" TITLE="Was haben wir schon alles getan?">  
 <AREA SHAPE="RECT" COORDS="122,127,188,156" HREF="unternehmungen.html" TITLE="Was haben wir schon alles getan?">  
 <AREA SHAPE="RECT" COORDS="50,131,126,159" HREF="unternehmungen.html" TITLE="Was haben wir schon alles getan?">  
 <AREA SHAPE="RECT" COORDS="97,160,169,195" HREF="miniplan.html" TITLE="Der aktuelle Miniplan">  
 <AREA SHAPE="RECT" COORDS="55,167,105,194" HREF="miniplan.html" TITLE="Der aktuelle Miniplan">  
</MAP>  
</html>  

Bild verschoben:

  
<html>  
 <head>  
  <title>Minis Pfalzgrafenweiler</title>  
 </head>  
<body background="bg2.jpg">  
 <div style="background-image: url(unterlage6.png); background-repeat:no-repeat; background-position:left; margin-left:0px;">  
 <br><br><br><br><br><br><br><br><br><br>  
 <img src="navigation_miniplan.png" align="LEFT" style="margin-left:50px;" USEMAP="#map1" BORDER="0">  
 <div style="background-image: url(blatt_miniplan.png); background-repeat:no-repeat; background-position:left; margin-left:10px; height:1000px">  
 <br><br><br><br><br><br><br><br><br><br>  
 Um den Miniplan herunterzuladen bitte hier die gewünschte Datei auswählen:<br>  
 <a href="Miniplan.jpg">Miniplan.jpg</a> |  <a href="Miniplan.xls">Miniplan.xls</a>  
 </div>  
 </div>  
</body>  
  
<MAP NAME="map1">  
 <AREA SHAPE="RECT" COORDS="46,65,114,97" HREF="news.html" TITLE="Aktuelles...">  
 <AREA SHAPE="RECT" COORDS="114,95,164,125" HREF="about.html" TITLE="Was machen wir eigentlich?">  
 <AREA SHAPE="RECT" COORDS="47,99,114,128" HREF="about.html" TITLE="Was machen wir eigentlich?">  
 <AREA SHAPE="RECT" COORDS="184,121,277,151" HREF="unternehmungen.html" TITLE="Was haben wir schon alles getan?">  
 <AREA SHAPE="RECT" COORDS="122,127,188,156" HREF="unternehmungen.html" TITLE="Was haben wir schon alles getan?">  
 <AREA SHAPE="RECT" COORDS="50,131,126,159" HREF="unternehmungen.html" TITLE="Was haben wir schon alles getan?">  
 <AREA SHAPE="RECT" COORDS="97,160,169,195" HREF="miniplan.html" TITLE="Der aktuelle Miniplan">  
 <AREA SHAPE="RECT" COORDS="55,167,105,194" HREF="miniplan.html" TITLE="Der aktuelle Miniplan">  
</MAP>  
</html>  

Ich bitte euch, HELFT MIR! :-)

  1. Ich glaube ich habe vergessen zu schreiben, dass es bei dem "verschobenen Text" eigentlich auch das Bild (blatt.png) ist, dass verschoben ist. Und dass bei dem zweiten die Datei "blatt_miniplan.png" verschoben ist.

  2. Hi,

    Jetzt hab ich aber das Problem, dass der Internet Explorer im Gegensatz zum Firefox ein paar sachen falsch darstellt! In einem Fall zeigt er den Text 2 cm weiter links an, im anderen zeigt er ein Bild ca 5cm weiter rechts an. Kann man irgendwie etwas machen, damit zB nur der Internet Explorer 5 "&nbsp;"´s anzeigen muss, die zahlreichen anderen Browser nicht?

    Zuerst mal solltest du sinnvollen HTML-Code erstellen - und diesen anschliessend mit CSS formatieren.

    <div style="background-image: url(unterlage6.png); background-repeat:no-repeat; background-position:left; margin-left:0px;">
    <br><br><br><br><br><br><br><br><br><br>

    Weder ist BR zum erreichen von Abstaenden sinnvoll,

    <font size=6">&nbsp;&nbsp;&nbsp; Willkommen auf der möglicherweise<br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zukünftigen Seite der Minis!</font><br><br>

    noch wiederholte non-breaking spaces - fuer Abstaende gibt es margin und padding.

    Und das Font-Element solltest du auch nicht verwenden, ebenso wenig wie Attribute wie align und border.

    Regle die Darstellung einzig und allein ueber CSS.

    Informiere dich ausserdem ueber das Stichwort Quirks Mode, und wie und warum man ihn verlaesst; sowie darueber, wie ein *vollstaendiges* HTML-Dokument aussieht - also insb. ueber die Doctype-Angabe.

    Ich bitte euch, HELFT MIR! :-)

    Es gibt viel zu tun - also pack's an.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    1. Oh mein Gott ging das schnell ^^
      Danke für die schnelle Hilfe!
      Ich glaub ich muss wirklich zuerst mal durch das ganze CSS-Zeugs und so...
      Irgendwie hatte ich jetzt wieder so einen Motivationszuwachs bekommen, als ich gesehen hab, wie gut die Seite im Firefox angezeit wird, und jetzt das :-(
      Schade eigentlich!
      Nochmal danke für deine Hilfe,
      s0nata

    2. noch wiederholte non-breaking spaces - fuer Abstaende gibt es margin und padding.

      für einrückungen am zeilenanfang eignet sich text-indent