✔ 2 Div Container in 1 Div Container Problem

[lacie]

Hallo zusammen,
Ich suche inzwischen schon ewig nach der Lösung zu meinem Problem.
Alles was ich bis jetzt hier gefunden habe hat mir meist nicht weitergeholfen.

Es geht darum:
Ich habe eine Main Div Box, in der die Navi und der Content Div liegen.
(Nebeneinander floatend).
Der Content Div soll sich mit seinem Inhalt vergrößern. (height: 100%) und tut das auch.
Bis hierhin kein Problem.

Das Problem ist (nur im Firefox):
Die Main divbox bleibt immer gleich groß und passt sich nicht dem Inhalt in der Content Div an.

Wie schaff ich es, dass sich der Main Div sich mit dem Inhalt in der Content Div verändert?


Für die, die sich Fragen wieso mein Navi und Content Div nochmal in einem Div layer sind...
das hat designtechnische gründe.

Aufbau der Seite:

Root Div beinhaltet
- Header Div
- Main Div beinhaltet
-Navi Div
-Content Div

Footerroot Div beinhaltet
- Footer Div

 

[Maik]

Hi,

die Floatumgebung muss zum Abschluss "gecleart" werden, damit die umschliessende Box #Main ihre tatsächliche Höhe annimmt, und die Spalten sie am unteren Elementrand nicht überlappen - siehe hierzu http://positioniseverything.net/easyclearing.html.

Die in dem Artikel genannte Klasse .clearfix wird dann zusätzlich im DIV #Main aufgerufen:

<div id="Main" class="clearfix">...</div>

 

[lacie]

Wow, erstmal danke für die schnelle Antwort.
und dann nochmal danke für den Hinweis..
ich depp hab den clearfix zwar schon benutzt, allerdings an einer anderen stelle..

danke für die Lösung diese Problems

keine Frage ich komm wieder x)