stu wrote: > Does anyone know if it is possible to float 2 divs next to each > other taking up 50% of the screen each, until the screen size > starts to shrink, then they list vertically (like on top of each > other). This would happen say when the user gets to 800x600 > resolution or something. > > Its a tough one, as far as i can see, because when od you want > the divs to flip underneath each other instead of being side by side....
You can see my best solution to a closely related problem at http://coaching-life.com/css/sample.html. It does do the wrapping thing when the screen gets small enough, but I don't know any way to control when it will wrap. This whole techique is very subject to font size, and behaves differently on different browsers. The big problem is that I cannot get the elements to add up to 100%. If they total 90% or less the behavior is pretty predictable for most font sizes and screen sizes on both Firefox and IE6. Anything more that about 97% destroys the affect and the boxes just wrap. In between, it works at some combinations of font and screen sizes and then fails at others. My best guess at this point is that margins and padding settings affect the calculations since almost any margin setting desrtoys the effect at a lower percentage. I have posted two questions to this list, but so far no one has answered either. So maybe someone has some ideas and has not yet chimed in. HTH, -- Will ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
