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 (http://www.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 (http://www.madchaos.com.au) 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.