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/

Reply via email to