Dear List, I am working on my portfolio site and the look and layout I created uses rows as opposed to columns. I am optimizing the site for a 1024px resolution/screen width.
The wrapper divs I am using are set to expand the full width of window, with the flower graphics floating to the right as seen here: www.E7Flux.com/index2.html On a wide screen: 1680px, which is what I use at home there is a lot of space between the content and the flowers so I decided I wanted the flowers to float along side the content and end at 1024px, with the wrapper div obviously extending past that. So I created: www.E7Flux.com/index3.html in an attempt to execute what I have in mind but it's not working. I wrapped the content of the rows in another div with a class of "container" which is nested inside the wrapper divs and gave it a width of 1004px and a min-width in the same amount. It's sorta half working but only in the last row (blue) There is no content there so it does me no good, since I imagine the same thing will happen if I were to add content. In the pink and green rows the flower graphics fall below the wrapper div in Firefox & IE7 (only the pink flower graphic falls in index2.html) and in Safari & IE6 (same thing happens in /index2.html ), not only does it fall but creates a big gap between the rows. Oh yea and another thing is that the bottom margin I've set for the blue row shows up in all the browsers except Safari so need help with this too :). Here is the CSS: http://e7flux.com/css/e7flux.css Hoping someone can help me solve this. TIA, Elli ____________________________________________________________________________________ Sick sense of humor? Visit Yahoo! TV's Comedy with an Edge to see what's on, when. http://tv.yahoo.com/collections/222 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
