probleme mit <body>

  • hallo leute,
    ich hab ein problem mit meiner ersten homepage, an der ich gerade werke :)


    Mein Problem:
    also ich habe eine Topbereich, der in der mitte ein logo enthält und darunter
    einen mittig gelegenen maincontent mit navigation links und rechts eben den inhalt.


    nur die div vom maincontent passt sich nicht automatisch der height vom der inhalt-div a!
    auch der body ist dann nur so groß wie der top bereich


    hier ein 3d veranschaulichung mit height im css: so will ich es eigentlich haben, nur soll sich die height des maincontents (weißer rahmen) automatisch dem inhalt anpassen


    Und hier ohne der height:


    komischerweise ist das problem nur bei den neuen versionen der browser (IE 9)!




    Ich hoffe ihr könnt euch irgendwie vorstellen, was ich genau ich meine :-D
    Und viel dank schon mal im vorraus!


    mfg
    eeyore

  • Ich glaube Du scheiterst am floaten. Denn wer floatet muss auch clearen. Dadurch dass die Navigation gefloatet wird hat das umgebende Element keine Höhe mehr. Die erreichst Du wieder wenn Du bei #maincontent noch "overflow: hidden;" ergänzt oder bei irgendeinem Element am Ende des #maincontent ein "clear: both;" ergänzt.