Cheatah: Differenzen zw. Firefox und IE bei Positionierung

Beitrag lesen

Hi,

Der (zugegebenermaßen sicher noch lange nicht perfekte) Code sieht folgendermaßen aus:

stimmt, er ist noch nicht perfekt. Das größte Problem dabei ist aber, dass Du von Tabellen auf ein <div>-Suppe umgestellt hast - nicht auf HTML. Daraus resultieren u.a. auch massenweise Klassen anstatt wenige IDs.

<div class="header_container">

<div id="header"> - und verzichte bitte auf Unterstriche in Klassennamen.

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

<h1>

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

<h2>

Bei beiden fehlt Text, und bei <img> ist das alt-Attribut zwingend notwendig.

<div class="menu1_container">

<div id="menu"> - und davon gibt es nur eins, auch wenn es aufgeteilt ist. Inhalt ist:

| Unternehmensgruppe | Produkte | Aktuelles | Karriere |

<ul> und

Muster GmbH<br />
    Muster Vertriebs GmbH<br />
    Entwicklung<br />
    Partner<br />

noch ein <ul>. Verzichte bitte wann immer möglich auf <br>. Und ganz nebenbei: Entscheide Dich bitte zwischen HTML und XHTML.

<div class="content">

<div id="content">

<div class="adresse">

<address>. Dies ist ein _hervorragendes_ Beispiel dafür, was eine <div>-Suppe anrichtet.

Muster GmbH<br />
    Postfach 80<br />

[...]

Hier wäre die Alternative zu <br> zugegebenermaßen umständlich.

<div class="footer_container">

<div id="footer">

Kontakt | Impressum

<ul>

Mein Problem stellt such nun so dar, dass Firefox den Adressbereich korrekt darstellt, der Internet Explorer jedoch nicht. Anbei ein Screenshot, der verdeutlicht, was ich meine. Der IE scheint die Positionierung anders zu interpretieren. Wenn ich die Position der Adresse auf left:-140px; setze, dann zeigt es der IE korrekt an und er Firefox natürlich nicht.

Ja. Beschäftige Dich mit CSS-Hacks.

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?

Three Pixel Text Jog.

Cheatah

--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes