Hallo euch beisammen dies ist mein erster Beitrag und ich hoffe es ist nicht schlimm wenn diese sogleich eine Frage beinhaltet

Ich habe folgendes Problem:
Auf einer meiner unfertigen Seiten "Klick" hab ich einen Container in welchem der/die Header, Navigation und der Mainbereich sich befindet.

Darunter ist der Footer.

Im InternetExplorer7 wird die Seite richtig dargestellt, sprich der Footer ist an der richtigen Stelle (war er vorhin zumindest noch xD) und es befindet sich kein Rand zwischen Footer und unterem Browserfenster.

Aber! in InternetExplorer5 etc. befindet sich ein Leerraum zwischen Browserfenster und Footer...

SO UND NUN DAS GROßE PROBLEM:

Im Firefox befindet sich der Footer komplett an der FalschenStelle...

Damit ihr den Footer besser erkennt hab ich ihn mal Farblich eingefärbt


Ich hoffe ein Problem in der Art ist noch nicht im Forum aufgetaucht, zumindest fand ich keine passenden Ergebnisse mit der Suchfunktion.


Ich bedanke mich jetzt schonmal für die Hilfe und hoffe, dass das Problem gelöst wird

Robert

Wilkommen hier,
deine Frage wird bestimmt in den FAQ im Punkt 7 beantwortet

__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4

Hallo Timo danke für deine schnelle Antwort...
die Faqs sind hier sehr nützlich im vergleich zu anderen Foren

Nun ist folgendes: Der sogennante non-footer ist bei mir der container
und der sogenannte footer ist bei mir ebenfalls der footer

In der CSS stimmt ebenfalls fast alles überein mit der Ausnahme, dass bei mir

#content {
padding-bottom: 9em; }

#footer {
margin-top: -7.5em; }

fehlt... Jetz hab ich es eben hinzugefügt jedoch tratt keine Änderung ein... kann es sein dass ich in meiner CSS irgendwo einige Werte zu viel hab?

Wäre nett wenn ihr dies eben via Firebug etc. euch anschaun könntet

Hi,

ich hatte mir voher deinen Quelltext nicht angeschaut. Und als ich ihn angeschaut habe, dachte ich nur eine ganzschöne DIV-Suppe hast du da.
sowas gehört in eine Liste! Bei der Umsetzung hilft dir bestimmt der FAQ Beitrag von heiko_rs.

Das Element <center> ist Out! Das sagt auch der Validator : [Invalid] Markup Validation of http://blindx.de/test/ - W3C Markup Validator

Zu dem Footer:
Dein CSS: CSS von der Seite:
Und auch der non-footer ist nicht gleich. Schau dir das nochmal an!

__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4

Ok Super hat nun geklappt

Hab im Container nun einen

<div class="clearfix"></div> mit

.clearfix
clear:both;
height:0px;
}

eingebaut damit das floaten beendet wird... und Tara es klappt


Leider kenn ich mich mit dem "Floaten" noch zu wenig aus deswegen war es eher ein Glückstreffer, dass jemand in nem anderen Forum mir den Tipp mit dem clearfix gegeben hat

Also soweit sogut Dank dir nochmals für die schnelle Hilfe auf dann :P


___________________
Edit: Hast du zufällig auch nen Link wo das mit dem Floaten exakt beschrieben wird? Und wo man auch nachlesen kann was es nun genau mit dem clearfix-div auf sich hat?