Floated Divs and Amazon

[sniperman]

Hi everyone.

I am a web-design student and draw continual blanks on how to make floated divs not wrap to other lines on screen resize. amazon.com seems to be able to do this with elastic widths and image-heavy content. I assume they use a minimum width (in CSS) for the content area but remain puzzled.

You can see my example page and how the right-navigation div wraps underneath the content area, as opposed to amazon.com whose containers do not wrap.

Any suggestions would be appreciated.

[sniperman]

anything?

[bluewalrus]

which div or what has to be clicked to activate it?

[traq]

the right-navigation div wraps underneath the content area...

Do you mean this area (highlighted)?
It doesn't wrap when I view it, in FF or IE.
Maybe you're referring to something else?

[sniperman]

thanks for the response traq.

yes, the highlighted area is the div in question. I altered the min-width in CSS and resolved the wrap issue, but in IE the text inside the highlighted div wraps underneath the text in the content area on the left.

I know from amazon.com developers can manipulate elements to fix the minimum width a browser can resize down. I'd like to accomplish the same effect, (35% or 500px left content area minimum width) to help keep the content area in proportion.

I can see the developers for amazon.com floated divs to the right, and fixed a percentage on the content in the middle. i would love to know how they fixed the browser resize.