DIV in DIV width horizontal wachsen lassen - ohne Zeilenumbruch

[haaraausfall]

Hallo zusammen,
ich habe ein Problem mit einem DIV im DIV welches in der Breite wachsen soll, jedoch nicht in der Höhe.

Das umfassende Div ist folgendermassen definiert:

.result_lines_wrapper_inside_middle {  
float: left;  
display: block;  
width: 609px;  
overflow:auto;  /* cater to the older browsers */  
overflow: -moz-scrollbars-horizontal; /* for FF */  
overflow-x:scroll; /* scroll horizontal */  
overflow-y:hidden; /* Hide vertical*/  
padding-bottom: 30px;  
padding-top: 15px;  
/*background-image: url(../images/test_bg_01.jpg);*/  
}

Das Div, welches sich darin befindet ist:

.result_line {  
float: left;  
display: block;  
vertical-align: middle;  
min-width: 900px;  
padding-left: 0px;  
font: 9px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;  
color: #FFF;  
/*background-image: url(../images/test_bg_03.jpg); */  
}

Ziel ist, dass das untere innere Div beliebig in die Breite wachsen kann und zwar natürlich für jeden Browser.

Ich weiss, dass "min-width:" bei IE < 7 nicht funktioniert.

Das umschliessende DIV muss eine feste Grösse haben, da es sich im Gesamtlayout nicht verändern soll (deshalb der overflow-x:scroll;)

Folgende Fälle habe ich mit dem inneren DIV schon probiert:

width: auto; (hier beschränkt er mir das innere DIV auf die Breite des äusseren und macht einen Zeilenumbruch, anstatt den "overflow-x:scroll;" im äusseren zu aktiveieren)

width: 1900px; (hier aktiviert er zwar den "overflow-x:scroll;" im äusseren DIV, macht aber dann auch einen Zeilenumbruch, sobald die 1900px erreicht sind.)

Wie bekomme ich es nun hin, dass der innere DIV beliebig in die Breite wachsen kann und jeder Zeilenumbruch verhindert wird?

Tausend Dank schonmal!
Markus

[ChrisB]

Hi,

Wie bekomme ich es nun hin, dass der innere DIV beliebig in die Breite wachsen kann und jeder Zeilenumbruch verhindert wird?

http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space

MfG ChrisB