Div wird nicht größer wenn Div innerhalb größer ist

[JamieFraser]

Hi,

leider kann man in der Überschrift das nicht beschreiben.

Habe ein Problem mit dem Firefox. Und zwar möchte ich einen Div-Container, der z.B. weiter Conainer enthält, dessen Anzahl dynamisch ist, dazu bringen, dass er seine Höhe dynamisch an die Höhe der in dem Div enthaltenen Container anpasst.

Der IE lässt einen Div-Container dynamisch mitwachsen, der Firefox aber nicht, wenn es Divs sind. Bei normalen Text kann ich das ja mit Min-Height steuern, aber komischerweise nicht bei Divs.

Hoffe man versteht das

[Executor]

hi ein bisschen quelltext würde nicht schaden

Also versuch mal gar keine height angabe zu machen...

gruß Executor

[JamieFraser]

So siehts aus. Momentan sehe ich im Firefox die contentRightBox so gut wie gar net.

Code: Alles auswählen

        .contentRightBox
        {
        padding: 0px 3px 0px 3px;
        width: 167px;

        font: normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
        color: #000000;
        line-height: 15px;

        border: solid 1px #e6e6e6;
        }

        .contentRightOpenDay
        {
        float: left;
        padding-left: 10px;
        width: 40px;
        font: normal bold 11px Tahoma, Arial, Helvetica, sans-serif;
        color: #000000;
        line-height: 15px;
        background-color: #efefef;
        }

        .contentRightOpenTime
        {
        float: left;
        margin-bottom: 2px;
        width: 117px;
        font: normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
        color: #000000;
        line-height: 15px;
        }


Bei den divs zeigt er nicht die classen an. Also das div, dass die anderen umschliesst ist contentRight Box. Die divs innerhalb sind - 1. div contentRightOpenDay - 2. div contentRightOpenTime

Code: Alles auswählen

        <div>
            <div>Mo.</div><div>08:45 - 11:30<br>17:00 - 21:00</div>
            <div>Di.</div><div>17:00 - 21:00</div>
            <div>Mi.</div><div>08:45 - 11:30<br>17:00 - 21:45</div>
            <div>Do.</div><div>17:00 - 21:00</div>
            <div>Fr.</div><div>16:00 - 20:00</div>
            <div>Sa.</div><div>13:15 - 18:00</div>
            <div>So.</div><div>09:00 - 12:00</div>
        </div>


[Executor]

hast du einen link zu der seite?

ich nehme an es liegt am float...schau mal hier nach:

http://css-technik.de/css-examples/219_9/

gruß Executor

[JamieFraser]

Hi,

ja, es lag am float. Jetzt habe ich nur das Problem eine richtige Lösung zu finden. Die einfachste wäre wohl eine Tabelle einzusetzen.

[JamieFraser]

So, hab die Lösung im Text gefunden. Ich muss einfach am Ende noch ein Div mit clear: both setzen, dann wird das umgebende div auf die richtige Höhe gesetzt