IE / firefox

[Stahl Florian]

Hallo

Ich weis dass schon manch andere über dieses Thema vor mir berichtet haben, habe aber nix passendes gefunden.

Wer meine Seite mit Firefox anschaut, der sieht eine exakt ausgerichtete Seite.

Wer sie aber mit IE anschaut, der sieht alles verschoben. Kann mir jemand sagen was ich da ändern kann / muss / soll in meiner CSS datei oder im Seitenquelltext?

Danke schon mal im vorraus

Mit freundlichen Grüssen

Stahl Florian

[Pierre]

Hi Florian

wenn ich da mal in den Code reinschaue, erschreck ich erst mal. Dein CSS ist nett gesagt, extrem chaotisch aufgebaut, dass man sich da schon mal nicht mehr zurecht findet. Baue auch die CSS Datei logisch auf, damit man sich darin zurecht findet. Unterscheide zwischen ID's und Klassen und nutze nicht für alle Definitionen nur Klassen. Die eindeutigen DIVs die zum formatieren brauchst würde ich als IDs definieren.

<div id="banner">
<div id="toplinks">
usw.

Auch der Javascriptcode mitten in der oberen Navi die durch unendliche &nbsp; (autsch!) auseinandergetrieben wird ist schlecht.

Die Navigation solltest du als Liste aufbauen.

Die verschobenen Elemente im IE führen wahrscheinlich vom doublemargin bug her. Ein bekanntes Problem das IE hat, wenn gefloatete Elemente in Divs liegen die schon margins oder paddings haben. Dies sollte vermieden werden, wenn du nicht den gesamten CSS-Code mit irgendwelchen Hacks vergewaltigen möchtest.

Dann springt auch dein ganzer Inhaltrahmen herum, sobald man das Browserfenster verkleinert. Uppala, das ist wohl auch nicht grade gewünscht.

Infos zu all den erwähnten Dingens findest du hier bei SELF-HTML. Ich würde die Geschichte nochmal zurückbuchstabieren und Step by Step nochmal optimieren.

Gruss
Pierre

[Felix Riesterer]

Lieber Pierre,

Die Navigation solltest du als Liste aufbauen.

ob Florian Stahl Deinen Ratschlag annimmt? Denselben Ratschlag hat er meines Lesens schoneinmal erhalten, aber es scheint in seiner Natur zu liegen, dass er ständig Fragen postet, aber die wirklich sinnvollen und gut gemeinten Ratschläge einfach nicht umsetzt.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Stahl Florian]

Habe deinen Ratschlag sehr wohl gelesen und mir auch notiert, aber noch nicht umgesetzt. Wollte zuerst mal das Problem mit der Verschiebung beheben und die Navigation später nochmal erledigen.

Jetzt mach ich mich erst mal an die Verschiebung.

Mit freundlichen Grüssen

Stahl Florian

[Stahl Florian]

Hi Florian

wenn ich da mal in den Code reinschaue, erschreck ich erst mal. Dein CSS ist nett gesagt, extrem chaotisch aufgebaut, dass man sich da schon mal nicht mehr zurecht findet. Baue auch die CSS Datei logisch auf, damit man sich darin zurecht findet. Unterscheide zwischen ID's und Klassen und nutze nicht für alle Definitionen nur Klassen. Die eindeutigen DIVs die zum formatieren brauchst würde ich als IDs definieren.

<div id="banner">
<div id="toplinks">
usw.

Naja, ich hatte bis jetzt eigentlich noch kein Problem mit Klassen und ID´s. Und die style.css werde ich noch ordnen.

Auch der Javascriptcode mitten in der oberen Navi die durch unendliche &nbsp; (autsch!) auseinandergetrieben wird ist schlecht.

Den Code habe ich nicht selbst gemacht, sondern den hab ich aus dem Internet.

Die Navigation solltest du als Liste aufbauen.

Werde ich noch machen, sobald ich das Problem mit dem IE behoben habe.

Die verschobenen Elemente im IE führen wahrscheinlich vom doublemargin bug her. Ein bekanntes Problem das IE hat, wenn gefloatete Elemente in Divs liegen die schon margins oder paddings haben. Dies sollte vermieden werden, wenn du nicht den gesamten CSS-Code mit irgendwelchen Hacks vergewaltigen möchtest.

Aber um eine Position oder abstände anzugeben, brauche ich doch margin und padding. Ich möchte auch nicht, dass die Seite das ganze Fenster einnimt sondern nur die angegebene Breite.

Dann springt auch dein ganzer Inhaltrahmen herum, sobald man das Browserfenster verkleinert. Uppala, das ist wohl auch nicht grade gewünscht.

Wie kann ich das dann machen , dass er diese feste breite hat und beim verkleinern sich aber nicht ändert?

Infos zu all den erwähnten Dingens findest du hier bei SELF-HTML.

Kannst du mir vielleicht einen kleinen Tip geben wo ich das finde? Hab bei den CSS basierenden Layouts geschaut, bin aber nicht weitergekommen.

Mit freundlichen Grüssen

Stahl Florian