Question

I got a little problem with the div width.
I show you an image of what I have

.

There is an outside div that has no specified width, it can be small or big.

On the right we got a image that floats on the right.

The text div contains a dynamic width that fills all the undefined width space. and inside a undefined width text.

What I want is that the overflow of the Text Div is hidden when the text width is more then the Text Div space.

The problem is how to specify a width to get the overflow on a dynamic width ?
If I don’t specify any width, the image will go under the text if it’s too long.

I hope I was clear enough.

Thank you for your help.

Edit:

Here is a bit of code to be more clear.

<div class="outside">
    <img src="img.jpg" class="img"/>
    <div class="text"><p>some text that is too long</p></div>
</div>

<style>
.img {
    float: right;
}
.text {
    float: left;
    overflow: hidden;
}
</style>

The problem is that .text doesn’t have any specific width, so the overflow doesn’t work

Answer 1

DEMO HERE

so let me get this straight:

• you want the text to be clipped when they overflow
• however, you want to set limits using the div where it’s contained (which is dynamic)

try this

<div class="container">
    <img src="myimage.jpg" />
    <div class="flexi"> some long content</div>
</div>

img{
    float:right;
}

.container{
    overflow:hidden;
    zoom:1;
}

.flexi{
    white-space: nowrap;
    overflow:hidden;
    zoom:1;
}