Ingo Turski: Differenzen zw. Firefox und IE bei Positionierung

Beitrag lesen

Hi,

aufgrund von Hinweisen in einem anderen Thread, haben ich die Umsetzung meines Layouts von Tabellen auf divs und CSS umgestellt.

Leider. Du solltest DIVs genauso wenig mißbrauchen wie Tabellen:

<div class="headerpic"><img src="pics/produktion.jpg"></div>
  <div class="headerlogo"><img src="pics/knopp.jpg"></div>

Die Bilder brauchen kein DIV.

<div class="menu1_container">
  <div class="menu1">
   | Unternehmensgruppe | Produkte | Aktuelles | Karriere |
  </div>
</div>

wozu die doppelten DIVs (wo doch eigentlich eine UL angebracht wäre)?
Da Du .page bereits eine Breite zugewiesen hast, sind Breitenangaben für diese Container nicht mehr erforderlich.

<div class="main_container">
  <div style="position:relative;">

nochmal ein völlig überflüssiges DIV. Weise doch .main_container position:relative zu. Das könnte vielleicht auch Dein IE-Problem lösen.
Apropos: auf Unterstriche solltest Du verzichten und in diesen Fällen sinnvoller IDs verwenden.

<div class="adresse">

och nö.. :-( Wo ich Dir doch schon <address> ans Herz gelegt hatte.

Eine weitere Frage bezieht sich auf den Contenbereich: Warum rückt der IE den ersten Absatz des Contents stärker ein, als den restlichen Text?

das ist der berühmte 3-Pixel-Bug, der bei nicht-floatenden Elementen neben gefloateten auftritt. Abhilfe:  statt float position:absolute oder beide Elemente floaten lassen.

Tobias

freundliche Grüße
Ingo