verdemis
Goto Top

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

Content-Key: 49208

Url: https://administrator.de/contentid/49208

Printed on: April 23, 2024 at 08:04 o'clock

Member: Verdemis
Verdemis Jan 18, 2007 at 20:50:35 (UTC)
Goto Top
Ich hab das Problem schon selber gelöst, trotzdem danke.
Member: Dani
Dani Jan 18, 2007 at 21:22:07 (UTC)
Goto Top
Hi,
bitte den Thread als "gelöst" markieren. Dazu oben bei der Problembeschreibung auf editieren klicken und den entsprechenden Hacken setzen. Danke...


Gruß
Dani
Member: sysad
sysad Jan 18, 2007 at 22:34:33 (UTC)
Goto Top
Ich hab das Problem schon selber gelöst,
trotzdem danke.

Dann sag uns doch auch was es war....
Member: Verdemis
Verdemis Jan 19, 2007 at 07:12:29 (UTC)
Goto Top
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?