✔ CSS Layout sieht überall anders aus

[Blackylein]

Hi!

Hab mir heute eine Seite gebastelt und wie ich dann am Ende meiner Arbeit war hab ich mal geschaut wie meine Page in anderen Browser aussieht.

\\siehe Anhang

Meine Seite ist auf Firefox abgestimmt. Im Firefox passt also alles. Bei Opera und IE sind die Boxen etwas durcheinander ^^

Link zu meiner Page:
http://st4rburst.st.funpic.de/bl4cky/index.html
Link zur CSS Datei:
http://st4rburst.st.funpic.de/bl4cky/css/style.css

Könnt ihr mir vielleicht sagen wieso das so ist und wie ich das ändern kann? Was mach ich falsch?

Cya
Blackylein

 

[Maik]

Die Boxen-Kollision in den unterschiedlichen Browsern wird durch die margin-Angaben ausgelöst, da sie (die Browser) sie (die Außenabstände) zum benachbarten bzw. übergeordneten Element unterschiedlich interpretieren.

Lösungsvorschlag:

Da der Anzeigebereich durch eine Hintergrundgrafik mit 800*600 Pixel begrenzt ist, liessen sich die beiden DIVs im Viewport positionieren.

 

[Blackylein]

he super, danke!
Jetzt brauchst du mir nur noch sagen wieso der Text in der großen Box sich nicht nach rechts rücken lässt wie der Text in der kleinen Box.

Dankeschön!

 

[Maik]

Das p-Element kann kein h1-Element enthalten

<h1>Welcome to Bl4ckys Reference-Page!</h1>
    
    <p><u><b>updates</b></u><br>
    [2005-01-30] .|. cover section updated
  </p>

 

[Blackylein]

oh, ja richtig
danke!