Browser, ausser IE, zeigen die Seite nicht korrekt an

Hallo zusammen,

ich eigne mir gerade CSS an, ich bin noch ein absoluter Laie. Ich bin zur Zeit eine Website am entwerfen und bisher klappt es auch ganz gut. Jetzt habe ich das Layout meiner Website soweit fertig, jedoch wird es nur im IE richtig angezeigt. Ich habe
die Seite auch mit Hilfe des IE geschrieben, will heißen ich habe sie mir immer im IE angesehen und dann die
Elemente zurecht gerückt. Vielleicht kann mir jemand sagen was ich falsch mache, oder weiß jemand eine Seite
die sich mit diesem Problem befasst? Ich wäre für Hilfe sehr dankbar...

Es handelt sich um folgende Seite:

www.moonstone-project.com/DSA/Startseite.htm

Und hier folgt noch der Code:

-------------------------------
<html>
   <head>
      <title>
         Das Schwarze Auge - Rollenspielgruppe Aachen/Nörvenich
      </title>
      <style type="text/css">  
      </style>
   </head>

   <body style="text-align:center; background-image:url(grafik/background3.jpg); background-repeat:repeat-x;   
   							background-position:bottom; background-attachment:fixed;">  
   						  		
   		<div style="position:absolute; margin-left:-410px; margin-top:155px;">  
   						<img src="grafik/neuigkeiten.png" alt="Schriftrolle">  
   		</div>
   		
   		<div style="position:absolute; margin-left:-410px; margin-top:260px;">  
   						<img src="grafik/Helden.png" alt="Schriftrolle">  
   		</div>
   		
   		<div style="position:absolute; margin-left:-410px; margin-top:367px;">  
   						<img src="grafik/Chronik.png" alt="Schriftrolle">  
   		</div>
   		
   		<div style="position:absolute; margin-left:-410px; margin-top:470px;">  
   						<img src="grafik/Forum.png" alt="Schriftrolle">  
   		</div>   		   		
   		
   		<div style="position:absolute; margin-left:-410px; margin-top:575px;">  
   						<img src="grafik/links.png" alt="Schriftrolle">  
   		</div>   		   		
   		
   		<div style="position:absolute; left:50%; margin-left:-295px; margin-top:85px;">  
   						<img src="grafik/main.png" alt="Hauptfenster">  
   		</div>
   		
   		<div style="position:absolute; left:50%; margin-left:-75px; margin-top:88px;">  
   						<img src="grafik/Sektion_Neuigkeiten.png" alt="Sektions Titel">  
   		</div>
   		
   		<div style="position:absolute; margin-left:165px; margin-top:160px;">  
   						<img src="grafik/Ritter.png" alt="Schriftrolle">  
   		</div>   		   		
   		
   		<div style="position:absolute; left:50%; margin-left:-310px;">  
   						<img src="grafik/titel2.png" alt="Titel">  
   		</div>
   		
   </body>
</html>

Gruß
Verdemis

MODERATOR (28.04.2007):
Den Quellcode oben in deine Textbox gesteckt.
Thema als GELÖST markiert.

Dani

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 49208

Url: https://administrator.de/forum/browser-ausser-ie-zeigen-die-seite-nicht-korrekt-an-49208.html

Ausgedruckt am: 08.04.2025 um 02:04 Uhr

4 Kommentare

Neuester Kommentar

Ich hab das Problem schon selber gelöst, trotzdem danke.

Hi,
bitte den Thread als "gelöst" markieren. Dazu oben bei der Problembeschreibung auf editieren klicken und den entsprechenden Hacken setzen. Danke...

Gruß
Dani

Ich hab das Problem schon selber gelöst,
trotzdem danke.

Dann sag uns doch auch was es war....

Ich habe einfach bei jedem Element - Left:50% - eingegeben. Jetzt klappt es auf allen Browserns... nur der IE 6 macht ärger, da wird die Seite wirklich völlig verzerrrt angezeigt.

Ich bin drauf gekommen da mir aufgefallen ist das alle Objekte die ich zentriert hatte, also über Left:50% korrekt angezeigt wurden. Dann hab ich es auch bei den anderen getestet und es hat geklappt.
Nur aus dem IE 6 werd ich noch nicht schlau, jemand ne Idee?

geschlossen gelöst Frage Entwicklung CSS

Mehr von Verdemis

Div Inhalt vertikal zentrierenVerdemis

Grafik automatisch verlängernVerdemis - 2 Kommentare

Link funktioniert mit Firefox nichtVerdemis - 2 Kommentare

IE6 zeigt PNG Transperenz nicht anVerdemis - 12 Kommentare

Heiß diskutiert