Page 1 of 1

Changing divs from vertical to horizontal stack [56k warn]

Posted: Fri Oct 27, 2006 10:36 am
by Luke
I am building a site that has some information lined up on the right of it. It is 3 divs stacked on top of eachother in an outer div that floats right. When the user's window is less than 1000px, it needs to pop those divs down under the content of the page, and display the three divs horizontally instead. So basically this...
Image
Is this possible?

Posted: Fri Oct 27, 2006 7:26 pm
by RobertGonzalez
Damn. That's about all I can say about that. I think it is possible, but I think you are going to have use javascript to do it. I can't think of any other ways.

Posted: Fri Oct 27, 2006 9:19 pm
by Luke
It seems like it should be possible without javascript... float the outer div left and make it take up 100% width, and then all the divs inside float left... but that doesn't work.

Posted: Fri Oct 27, 2006 9:48 pm
by Zoxive
The Ninja Space Goat wrote:It seems like it should be possible without javascript... float the outer div left and make it take up 100% width, and then all the divs inside float left... but that doesn't work.
I actually messed around with it for a bit, and i would just use javascript.

http://www.zoxive.com/test.php

-NSF