Justin Johnson wrote:
>> Well, I can't really say that I understood your example css and  
>> html. Is
>> this even remotely close to what you are looking for?
>> <http://www.chelseacreekstudio.com/ca/cssd/layout30.html>
>> Regards,
>> ~dL
>>     
>
> That is almost exactly what I'm looking for.  The only difference is  
> when some makes the browser window skinnier, I want to be able to  
> specify a minimum width of the title area, so that the title area  
> stops shrinking and the right logo stays on the right.  Does that  
> make sense?
>   
Nothing makes sense to me -- I take direction from my twisted sister -- 
and she is usually wrong.
You could try min/max width?

1/ Add an xml declaration *above* the doctype:: <?xml version="1.0" 
encoding="utf-8"?>
This puts IE in quirksmode. And will mean you'll need a minor correction 
of the three boxes in the sidebar (this is the least of my sister's 
problems).
2/ Change this:
div#container { border: 1px solid #ddd; margin: 0 auto; width: 
90%;text-align: left;}
To this:
div#container { border: 1px solid #ddd; margin: 0 auto; min-width: 
770px; max-width: 1200px; text-align: left; width: 99%;}
3/ IE 6.0 and down don't honor min/max width, so feed 
IE-'expressions[1]'  (this is corrected in IE 7)  within a conditional 
comment [2] Put it immediately below </style> and directly above </head>.

<!--[if lt IE 7]>
<style type="text/css">
div#container { width: 99%;} /* fallback width */
div#container { width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth : document.body.clientWidth)
 > 1218 ? "1200px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 800 ? "782px" : "99%"));}
</style>
<![endif]-->

[1] <http://www.gunlaug.no/contents/wd_additions_14.html>
[2] 
<http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp>
 
HTH
~dL


-- 
http://chelseacreekstudio.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/

Reply via email to