IE 6 und Firefox Darstellungsprob

rednug · 07.08.2007, 16:36

Bitte mal Schauen.

Ich möchte die Darstellung wie bei Firefox. Leider bekomme ich die DIV-Größe im IE 6 nicht schmaler. Was kann ich tun?

Danke für Hilfe!

Gunder

PS: css-code im Quelltext bzw. hier

marc22 · 07.08.2007, 17:07

Frage dazu: Wieso hast Du nicht jeden Link in ein eigenes Listen-Element gepackt? So, wie es jetzt ist, kannst Du Dir die Liste auch sparen..

marc22 · 07.08.2007, 17:10

Unabhängig davon, nimm mal die Zeilenumbrüche zwischen il und a weg..

Adromir · 07.08.2007, 17:36

Und versuche den Browser in den "Standard Complience Mode" zu schicken. Im Moment rendert er im Quirksmode und dann werden die Größen von Elementen vom FF und IE unterschiedlich interpretiert.

Dazu solltest du dein Dokument erstmal valide machen.

Wenn das nicht hilft, dann nulle erstmal alle Abstände mit

* {margin: 0; padding: 0;}

rednug · 07.08.2007, 21:15

Ich habe eingesetzt:

Zitat:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Zitat:

Bei HTML 4.01 Transitional mit URL ( <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ), HTML 4.01 strict oder bei XHTML rendern dagegen alle Browser im Standard-Modus.

(Ausschnit aus diesem Beitrag)

Wo habe ich da jetzt einen Fehler?

Zitat:

Wieso hast Du nicht jeden Link in ein eigenes Listen-Element gepackt? So, wie es jetzt ist, kannst Du Dir die Liste auch sparen..

Habe ich mal bei irgend einer "Anschauungsseite" gesehen. Wo konkret liegt da mein Denkfehler, wenn ich alles in ein Element packe?

Betreffs Abstände werde ich ausprobieren.

Danke Gunder

Adromir · 07.08.2007, 21:23

Na, eine Listen-Elemente ja dafür da, mehrere Listenpunkte einer Auflistung sowohl layouttechnisch, als auch inhaltlich (semantisch) voneinander zu trennen. Also für jeden Listenpunkt ein eigenes Element.
Wenn man nur ein Listenelement verwendet, indem man alles reinpackt, dann fehlt die Trennung. Die Tabelle wird semantisch überflüssig. Da kann man dann auch ein div, ein p oder ein span verwenden.. Ist auch nicht besser oder schlechter..

rednug · 08.08.2007, 13:01

Habe das jetzt mittels extra Angaben für IE halbwegs hinbekommen.
Wenn alles fertig ist, kann dann ja geschaut werden.
Bei Bedarf melde ich mich noch einmal.
Danke für Hinweise und Erklärungen!

Gunder

rednug · 03.09.2007, 19:55

Komme irgendwie nicht weiter;

Schaut bitte noch einmal hier

Im Firefox läßt es sich ordentlich scrollen, im IE 6 leider nicht.
Die untere Navi sollte auch unten bleiben und nur der mittlere Teil sollte sich scrollen lassen.
Danke für Hilfe!

Gunder

Mich@el · 03.09.2007, 22:37

Hi Gunder,
habe ein wenig probiert. Reines Interesse.

Ergebnis siehe txt Datei.

Grüße
Michael

rednug · 04.09.2007, 09:07

Hallo Michael,

habe mal deine Variante online gestellt.
Du gibst für den mittleren Teil eine feste Höhe, was jedoch so nicht geht - da ja der komplette mittlere Teil genutzt werden soll. Und hier komme ich bei IE 6 nicht weiter.
Das Schlimme dabei ist - ich hatte das schon mal im Griff - aber jetzt komme ich nicht drauf.
Danke für deine Mühe!

Gunder

Mich@el · 04.09.2007, 09:11

Ja, ich habe Dich so verstanden, dass Du den Content eine feste Höhe zuweisen möchtest... deswegen auch overflow: auto; ?!

Dann sollte es doch dann mit height: 100%; gehen, oder?

rednug · 04.09.2007, 09:41

height: 100% sieht so aus
Und so soll es ja nicht aussehen.

Gunder

Mich@el · 04.09.2007, 09:50

Ja eben! Deswegen feste Höhe mit overflow: auto;

Oder verstehe ich nicht, wie es genau aussehen soll?

rednug · 04.09.2007, 09:54

Wenn ich im mittleren Bereich eine feste Höhe angebe, dann reagiert das Browserbild nicht auf verschiedene Auflösungen der Nutzer.
Navi oben und unten fest - und in der Mitte jeweils der Hauptteil - im gesamten Browserfenster.

Gunder

Mache heute Abend weiter.