CSS Problem: Position von #left im FF und ie passt nicht

[db-connection]

Hallo zusammen,

ich hab nun schon die ein oder andere Seite in HTML und CSS geschrieben. Seit kurzem verwende ich, wo es geht und Sinn macht, contao, da ich das Backend sehr übersichtlich und Benutzerfreundlich finde und die CMS Vorteile einfach genial sind.

Nun stellt sich aber bei meiner neuen Seite folgendes Problem:

Ich habe im Chrome gearbeitet und die Seite immer wieder kontrolliert. Nach dem ersten Designfinish habe ich die Seite im FF und im ie angeschaut und mich hat der Schlag getroffen.

http://cms.db-connection.de/index.php/html-seite.html

Das was links stehen soll (#left) steht in der Mitte und liegt hinter dem #main. Dies kann man im FF in 3d schön anschauen.
Ich hab keine Ahnung wie ich das nach links bekomme. Wenn ich den float: left; im #left raus nehme geht die Box zwar zur linken Seite aber der #main bleibt darunter, also ist dieser Ansatz m.E. falsch.

Beim untersuchen im ie bin ich auf die offset Einstellung gestoßen, weis aber nicht ob diese dafür zuständig sind?

Wäre euch dankbar wenn sich das mal jemand anschauen kann.

Gruß Dirk

[Flex]

#left ist 280px groß laut Definition, #left .inside ist 268px + 15px Margin Left... Das sind zusammen 283px. Das gleiche gilt für #right.

Du müsstest mal die Breiten alle kontrollieren.

[bizon]

Hallo

im Firebug kannst du sehen, dass der #header zu niedrig ist. #header umschließt nur die Headergrafik, nicht aber die Hauptnavi. Wenn #header {height: 155px;} bekommt, springt #left an die richtige Position.


EDIT: #header braucht height: 182px (140px Grafik + 42px Hauptnavi). Dann #container padding-top reduzieren.

[db-connection]

Hallo

im Firebug kannst du sehen, dass der #header zu niedrig ist. #header umschließt nur die Headergrafik, nicht aber die Hauptnavi. Wenn #header {height: 155px;} bekommt, springt #left an die richtige Position.


EDIT: #header braucht height: 182px (140px Grafik + 42px Hauptnavi). Dann #container padding-top reduzieren.

Super, Volltreffer, vielen Dank für die schnelle Lösung.

Gruß Dirk