divs im div sollen dessen Höhe bestimmen - geht das?

[Matthias Jütte]

Hallo zusammen!

Es geht um folgendes Beispiel: http://www.makaio.de/test/scripts/
CSS gibt's hier: http://www.makaio.de/test/styles/basic.css

Ich benutze folgende Funktion, um nach Belieben Rahmen (wechselnde Hintergrundfarben, runde Ecken, etc) für meine Inhalte zu erzeugen:

function generate_container ( $type, $frame_color, $body_color, $title, $content ) {
  echo "<div class="container container_type_".$type." container_body_".$body_color."">

<div class="con_top con_top_".$frame_color."">
        <div class="con_header con_header_".$frame_color."">".$title."</div>
    </div>

<div class="con_body con_body_".$frame_color."">".$content."</div>

<div class="con_bot con_bot_".$frame_color."">
        <div class="con_footer con_footer_".$frame_color.""> </div>
    </div>

</div>";
}

Nun erzeuge ich durch mehrfachen Aufruf der Funktion meine Inhaltselemente. Deren HTML-Code wird mittels Output-Buffering abschließend in die Variable $output geschrieben.

Diese wird dann in einem letzten Aufruf der Funktion verwendet, um die erzeugten Inhaltselemente in einen großen Container der gleichen Art zu schreiben. Also z.B.:

generate_container ( "main_box", "FFFFFF", "FFFFFF", "", $output )

Dies erzeugt den weißen Kasten für den Hintergrund.

Nun habe ich allerdings Probleme mit der Höhe des .con_body-Teils des weißen Rahmens (main_box). Dieser paßt sich zwar an die Höhe der darin enthaltenen Elemente an, für CSS scheint er allerdings ohne Inhalte zu sein, denn wenn man sich die Seite ansieht scheint der .con-bot-Abschnitt direkt unter .con-top zu hängen.

IE zeigt es natürlich brav an, aber ich will es erstmal vernünftig in Mozilla hinbekommen.

Any ideas?

Gruß

Matthias

P.S.: Und kann mir vielleicht jemand sagen, warum im IE für die Navigation keine Hintergundfarbe angezeigt wird?