Hi Leute,
mein Problem ist folgendes:
Ich habe 2 Divs in einem großen Div plaziert.
Das eine mit float links, das andere rechts.
Mein Problem ist, das sich die Divs abhängig vom inhalt nach unten vergrößern sollen. Bei dem einen(links) klappt das, bei dem anderen nicht.
Hier die Beispiele:
Inhalt im linken Div: Hier!
Inhalt im rechten Div(funkt. nicht): Hier!
Hier der CSS Code:
div#DivHeader { border-width:1px; border-style:solid; width:800px; height:200px; }
div#DivShortNavigation { width:800px; height:35px; border-bottom-width:1px; border-bottom-style:solid;}
div#DivShortSubNavigation { width:800px; height:35px; border-bottom-width:1px; border-bottom-style:solid; }
div#DivContNavBox { width:800px; overflow:visible; }
div#DivContent { width:545px; overflow:visible; float:left; }
div#DivRight { width:251px; overflow:visible; float:right; }
div#DivBottom { width:800px; height:100px; border-top-width:1px; border-top-style:solid; clear:left; }
span#LoginUser{ padding-left:5px; }
span#LoginKey { padding-left:10px; }
span#LoginButton { padding-left:10px; padding-right:10px; }
Der Fehler tritt übrigens nicht im IE auf. Nur in Safari und Firefox!
Bitte helft mir!
mfg
NikB
[COLOR=orangered][COLOR=0][COLOR=red][COLOR=0][COLOR=red][COLOR=0]
mein Problem ist folgendes:
Ich habe 2 Divs in einem großen Div plaziert.
Das eine mit float links, das andere rechts.
Mein Problem ist, das sich die Divs abhängig vom inhalt nach unten vergrößern sollen. Bei dem einen(links) klappt das, bei dem anderen nicht.
Hier die Beispiele:
Inhalt im linken Div: Hier!
Inhalt im rechten Div(funkt. nicht): Hier!
Hier der CSS Code:
div#DivHeader { border-width:1px; border-style:solid; width:800px; height:200px; }
div#DivShortNavigation { width:800px; height:35px; border-bottom-width:1px; border-bottom-style:solid;}
div#DivShortSubNavigation { width:800px; height:35px; border-bottom-width:1px; border-bottom-style:solid; }
div#DivContNavBox { width:800px; overflow:visible; }
div#DivContent { width:545px; overflow:visible; float:left; }
div#DivRight { width:251px; overflow:visible; float:right; }
div#DivBottom { width:800px; height:100px; border-top-width:1px; border-top-style:solid; clear:left; }
span#LoginUser{ padding-left:5px; }
span#LoginKey { padding-left:10px; }
span#LoginButton { padding-left:10px; padding-right:10px; }
Der Fehler tritt übrigens nicht im IE auf. Nur in Safari und Firefox!
Bitte helft mir!
mfg
NikB
[COLOR=orangered][COLOR=0][COLOR=red][COLOR=0][COLOR=red][COLOR=0]
Kommentar