Aaron Gray wrote: >> Aaron Gray wrote: >> >>> Is it possible to have a three column layout with fixed width left and >>> right columns , and variable width center column, WITH a minimum width, >>> using div's ? >>> >>> Or can the minimum width center column only be done with tables. >>> >>> If it is possible could you give me an example, or example code please. >>> >>> >> If I understand correctly, one way you might accomplish this is to use >> the 3column layout on this >> page<http://www.alistapart.com/articles/negativemargins/> . Once you >> have that working cross-browser(including IE), wrap the /entire/ layout >> in another wrapper, called #whatever and assign a min/max width to it, >> like so: >> #whatever { max-width: 1200px; min-width: 550px; width: 99%; margin: 0 >> auto;}. >> Get that working in compliant browsers. Providing that there are no >> other glitches, getting IE to cooperate with min/max width is not >> difficult. Write the list on how to do this, but only after all other >> cross-browser issues are resolved. >> > > Sorry, but I don't think that will work :( >
Can I ask why not? It will work just fine. The type of layout you are asking for is quite easy and can be done several different ways. Don't be afraid to try it out. If you're new to CSS, I recommend you not jump into a negative margin layout just yet, but you could easily do a float layout: - Float one div left - Float one div right - Give middle div matching left and right margins - Wrap all divs in a container with a minimum and maximum width applied That's all it takes. Some tweaking necessary for IE, probably, and when you start adding in graphics, but the basic structure can be in place in five minutes. 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/
