Re: [css-d] fluid 3 col layout with over-sized content
Jack, There was a similar thread not too long ago. Here was my response, pointing to some appropriate layouts: http://archivist.incutio.com/viewlist/css-discuss/73051 Zoe Thank you all. Over the last week I've tried several more designs, all to no avail. Due to time pressures I have to move on, and will make do with a layout that doesnt meet all my requirement, and re-visit this later. The public CSM side of this project has a later release date, thankfully. The more I think about it, the more I realise that there is so much non-breaking content of an unknown width - all of which might 'push open' the center col. All of the 'main' designs I tried failed to cope with this in what I consider to be the best way. Once I solve it, or find a solution, I'll post a reply here thanks again jack __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] fluid 3 col layout with over-sized content
jack fredricks wrote: Hi all, I've been having problems getting the center column in my 3 col layouts to deal with over-sized content, ie an image with a width of 2000px. I'm about to give up, and when i do... it's time to come here :) I've tried about a dozen well known layouts, and then about 6 'lessor' ones from the wiki, and they all break in some way when this over-sized content is present. So..does anyone know of a layout that meets these requirements; 1. 3 cols 2. fluid center 3. fixed/em side cols, doesnt really matter 4. layout holds when center col is pushed wider by content ( wide image/non-breaking text) Jack, There was a similar thread not too long ago. Here was my response, pointing to some appropriate layouts: http://archivist.incutio.com/viewlist/css-discuss/73051 Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] fluid 3 col layout with over-sized content
jack fredricks wrote: I've been having problems getting the center column in my 3 col layouts to deal with over-sized content, ie an image with a width of 2000px. I'm about to give up, and when i do... it's time to come here :) I've tried about a dozen well known layouts, and then about 6 'lessor' ones from the wiki, and they all break in some way when this over-sized content is present. So..does anyone know of a layout that meets these requirements; 1. 3 cols 2. fluid center 3. fixed/em side cols, doesnt really matter 4. layout holds when center col is pushed wider by content ( wide image/non-breaking text) It seems you want a solution for content of unknown width, right? If you know beforehand you're gonna have a 2000px wide image in it, just set the min-width of the page large enough. Otherwise I'd say that the only way really is a coughtable/cough or scrollbars on the center column. (assuming overflow:hidden isn't an option ;-) ) I'd like to be proven wrong though, as it's a common problem especially with CMS based websites. I recently just told a client to disable the right sidebar when having content wider than a certain width. Obviously this was not a very important sidebar. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] fluid 3 col layout with over-sized content
jack fredricks wrote: It seems you want a solution for content of unknown width, right? This correct. I want a FLUID fluid layout, and for the wide content to 'hold/push open' the center col (or maybe even all cols now that i think about it). If you know beforehand you're gonna have a 2000px wide image in it, just set the min-width of the page large enough. as above, min-width wont do it Otherwise I'd say that the only way really is a coughtable/cough or scrollbars on the center column. (assuming overflow:hidden isn't an option ;-) ) most of the layouts i tried break, from a little to a lot, when changing the overflow. Even if i could do that, the center col is the primary content col, and i dont want users to have to scroll. It sounds to me like your users are going to have to scroll, one way or another. Such as when the wide content exceeds their browser window width. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] fluid 3 col layout with over-sized content
On 4/18/06, jack fredricks [EMAIL PROTECTED] wrote: Hi all, I've been having problems getting the center column in my 3 col layouts to deal with over-sized content, ie an image with a width of 2000px. I'm about to give up, and when i do... it's time to come here :) I've tried about a dozen well known layouts, and then about 6 'lessor' ones from the wiki, and they all break in some way when this over-sized content is present. I always get around this issue by wrapping these large images with a div of class photo that has overflow set to auto. Then that div scrolls horizontally in the content column, rather than overflowing out of the column. This is perfectly good behavior to me, and seems even better than a table expanding just because of one big image. You could always run some server side output buffer to check for large image in the content column and wrap them in this div if they are too wide... or just do it manually. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
Re: [css-d] fluid 3 col layout with over-sized content
jack fredricks wrote: The wrapper div around the image sounds like a nice idea. But imgs are just one example of non-breaking content. I would go for that 'wrapper-div-scroll' solution, if at all possible. I'll consider all of those options, but I will still search for a 3 col layout that does have its center col expand under these conditions. If anyone knows of one, please let me know. Needs more testing and tuning first, but it sure can expand... http://www.gunlaug.no/tos/moa_10.html ...so get those 2400 wide screens ready if you don't want to scroll too much :-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
