Also erste Schritte um ein Design einigermaßen in Firefox und IE gleich aussehen zu lassen:
Grundsätzlich: CSS und HTML besser nicht auf den IE orientiert schreiben, sondern sich eher an der Darstellung durch "richtige" Browser verlassen (also eigentlich alles
ausser IE)
1. Man wähle einen Doctype mit URL. Ohne URL rendert der IE im Quirksmode, und dort berechnet er das Boxmodel anders als der Firefox-> Unterschiedliche Elementgrößen und Positionierungen zwischen den Browsern
2. im CSS per * Selektor erstmal alle Abstände nullen
Code:
* { margin: 0; padding: 0; }
Damit wird sicher gestellt, daß alle Elemente in den verschiedenen Browsern die gleichen Außen- und Innenabstände haben.
3. HTML- Fehler ausmerzen, und ggf. Verschachtelungen von Elementen und CSS- Vererbungen überprüfen.
4. Sollte es dennoch Probleme geben, dem IE mittels
Conditional Comments ein alternatives CSS anbieten, welches die Probleme behebt...