[claude_x]

Hallo!

Ich bin geade dabei für meine Seite ein eigene css Datei für den InternetExplorer zu machen, bin auch schon recht weit, nur bei einer Sache komm ich gerade nicht weiter und ich hab das Gefühl ich seh den Wald vor lauter Bäumen schon nicht mehr...

Auf der Startseite wird soweit alles korrekt dargestellt (siehe hier). Bei der License Seite (hier) wird alles so komisch verschoben und ich kann nicht rausfinden, woran es liegt. Vielleicht fällt einem von euch ja was auf und kann mir nen Hinweis geben!

Danke im Voraus!!!
Claude

[Crizzo]

Wieso fügst du dem IE nicht nur da Angaben zum normalene Stylesheet hinzu, wo er sie auch wirklich benötig?

[hubspe]

Hi Claude,

dein CSS ist nicht valide.

Die Sidebar wird im IE6 nach links verschoben, double-float-margin-bug.
Abhilfe schafft, dem floatenden Element display:inline; geben.

Warum hat #container position:relative;? Das habe ich ncht verstanden.
Geht es nicht auch ohne position?

Deine Überschriftenhierarchie stimmt nicht. h1 kommt mehrmals vor, sollte aber nur einmal und als allererste Überschrift vorkommen.

h4, h3, h1 sind lustig durcheinandergewürfelt.
Reihenfolge muß h1,h2,h3,h4 usw. sein.

Sonst kann ich mich nur BlackHawk anschließen, IE Hacks nur da wo es notwendig ist.

Entweder in einer oder zwei extra CSS-Dateien (IE7 und IE6) oder über Conditionell Comment.

Gruß
KLaus

[claude_x]

Hi!

Danke Euch für die Antworten!

Dann werd ich jetzt wohl erstmal das CSS aufräumen und versuchen es valide zu bekommen.

Die Conditionell Comments schreib ich die ans Ende der CSS Datei, oder dahin wo ich die Änderung vorneheme, oder ist es am End egal?

Viele Grüße!
Claude

[andir]

Die Conditionell Comments schreib ich die ans Ende der CSS Datei, oder dahin wo ich die Änderung vorneheme, oder ist es am End egal?

nein, die Conditional Comments kommen in den Head-bereich jeder HTML-Datei, z.B., nachdem Du deine normale CSS-Datei verlinkt hast.

Beispiel:

<!--[if IE ]>
<link rel="stylesheet" type="text/css" href="http://www.deinedomain.de/ieselect.css" />
<![endif]-->

Der IE liest die "normale" CSS und danach die für ihn geschaffene CSS-Datei, so dass die Regeln für den IE die älteren Werte aus der normalen CSS-Datei überschreiben.

Wie CC genau eingesetzt werden und welche Wahlparameter es gibt, kann man auch sehr schön hier nachlesen:

SELFHTML: Stylesheets / CSS-basierte Layouts / Browserweichen

[claude_x]

Hi hubspe!

Ich hab dem floatenden Element display:inline; gegeben, leider ändert das nichts an der Darstellung. Wär echt dankbar für nen weiteren Tip, wie ich das Problem Lösen kann.

Danke!
Claude

[fricca]

Nimm den Kommentar vor der Doctype-Angabe weg. Das wirft den IE in den Quirksmodus.
Was bezweckst du mit dem negativen Margin für #container? Der Inhalt verschwindet unerreichbar nach links.

edit: ach jetzt weiß ich, was du mit dem negativen Margin willst. IE zentriert. Nimm text-align bei body weg.
Kontrolliere außerdem den rechten Margin bei deinem #contentform.
Das floatende Element hat übrigens noch immer kein display:inline.

[claude_x]

Hi fricca!

Danke! Kommentar vor dem Doctype rausnehmen hat geholfen!!

Also nochmal zum Verständnis, das Element das Floatet ist der Sidebar und das Element, das gefloatet wird ist Content, oder? Nur damit ich weiß, wo display:inline; hinmuss

an Margin mach ich mich jetzt mal ran


Danke Euch!!!
Claude

[fricca]

Zitat von claude_x

Also nochmal zum Verständnis, das Element das Floatet ist der Sidebar und das Element, das gefloatet wird ist Content, oder?

Nein.
Sidebar floatet und wird gefloatet.
Der doubled Float-Margin-Bug ist einer bekanntesten Fehler des IE überhaupt. Wenn er dir bisher nicht bekannt ist, dann nutze bitte Google, um dich darüber zu informieren.

[claude_x]

Hallo!

vielen Dank für eure Hilfe!

Über den doubled Float-Margin-Bug werd ich mich wohl jetzt mal informieren müssen!

Viele Grüße!
Claude