umbrüche von div verhindern?

[Stephan]

Guten morgen liebe sorgen :)
Habe hier mal folgenden HTML Code, der mir ein dreispaltiges Layout mit Scrollbars auf den Schirm bringen soll. Im Firefox wird mir das auch richtig angezeigt. Leider bricht der IE den letzten div um :(
Hat jemand eine Idee was ich falsch gemacht habe?
Hätte gern die Anzeige im IE so wie es auch im FireFox angezeigt wird also mit Scrollbars und ohne Umbrüche der DIVs.

<div style="width:250px;height:150px;overflow:auto;">
            <div id="tb" style="background-color:Beige;display:inline-block;white-space:nowrap;">
                <div id="col1" style="float:left;background-color:Yellow;width:80px;overflow:hidden;">
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>1testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>3testtest testtesttesttesttest 0001</div>
                </div>
                <div id="col2" style="float:left;background-color:Blue;width:80px;overflow:hidden;">
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>2testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>3testtest testtesttesttesttestt 0002</div>
                </div>
                <div id="col3" style ="float:none;background-color:Green;width:80px;overflow:hidden;">
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>3testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>testtest testtesttesttesttesttest1</div>
                    <div>3testtest testtesttesttesttest 0003</div>
                </div>
            </div>
        </div>

[salt]

Hi,

meinst du Umbruch des letzten der drei äusseren oder in den 3 inneren DIVs?

Im zweiten Fall: Vielleicht versuchst du mal, allen DIVs ein float-left zu geben und nicht nur den äusseren Containern.

Weiterhin würde ich denen dann erstmal das komplette padding und den inneren das margin entziehen - um zu sehen, ob es dann geht (m.E. sollten die Pixel eigtl. reichen...)

Das alles am besten natürlich per Stylesheet und classes.

[Steel]

Hoi,

Das alles am besten natürlich per Stylesheet und classes.

Klassen sind gar nicht noetig, da er sowieso schon IDs nutzt. (Was natuerlich spontan auf ein externes Stylesheet vermuten laesst, dass vielleicht einige inkompatible Angaben macht.