Jürgen: Grafik breiter als div - Umbruch soll vermieden werden

Beitrag lesen

Hallo,

Dadurch rutscht die Grafik in nächste Zeile. Wie bekomme ich die Grafik immer neben die grüne Box, egal wie breit diese ist?

Denke, mit float geht das nicht. Float fließt ja, wie der Name schon sagt.
Aber vielleicht so:

div#hauptbox {
height: 452px;
width: 800px;
margin: auto;
background-color: #ff0000;
   white-space:nowrap;
   overflow:hidden;
}
div#textbox{
height: 452px;
width: 200px;
background-color: #00ff00;
   display:inline-block;
}
div#hauptbox img{
border: 1px solid #bfbfbf;
}


>   
> Ungetestet, müsste aber theoretisch gehen:  
> Auch die Textbox sollte sich dann wie ein inline-Element verhalten (wie `img`{:.language-css}), aber ein Zeilenumbruch sollte wegen `nowrap`{:.language-css} nicht stattfinden und das Bild wegen `overflow`{:.language-css} notfalls abgeschnitten werden.  
>   
> Gruß, Don P  
>   
  
Danke mal für den Denkanstoß!  
  
Problem dabei:  
Das Bild soll ja im gesamten sichtbar sein, auch wenn es aus dem div rausragt. Und setze ich Dein Beispiel auf overflow: visible ragt die grüne textbox nach unten raus ..... zum Haare raufen  
  
Ist mein Wunsch tatsächlich CSS-technisch so schwierig umzusetzen????