David, Thank you for this. I did apply it, and it does work in conjunction with the script - my first iteration used percentile dimensions instead of ems.
Also, on the surface, it does appear to solve the font scaling issue. Except... it has a different source order than the proper "outline" form (h1 > h2 > h3> etc) for use without CSS and with screen-readers, etc. It isn't so apparent on the index page, due to the redundancy and simplicity of the material there. What has happened, though, in this example is that the H1/H2 has been swapped with the H3/H4, thereby swapping the places of the #mainContent and the #banner. On all subsequent pages, this is problematic as the H1/H2 is set in the #banner on all pages, and is at the top of the source order. In doing it this way, it puts the primary content before even the header/banner on all subsequent pages. I've been doing some googling, and I'm not really sure there is going to be a silver bullet for this. The goal was: * A quadrant layout, with Q1=lower-left ~H33%xW33%, Q2=upper-right ~H67%xW67%, Q3=upper-left ~H67%xW33%, Q4=lower-right ~H33%xW67% * Content set into those quadrants in a source ordered fashion (Q1=header/banner, Q2=primary content, Q3=secondary content, Q4=primary navigation) * Least structural markup reasonably possible, while remaining fairly semantic and with consideration for presentational js * Valid XHTML, and as close as possible to valid CSS (consideration for hacks / workarounds) * Material as accessible as reasonably possible The quadrant layout itself is easy enough, especially if it started with Q1=upper-left. It's doing one in this *particular* layout, with proper source-ordering on *all* pages, and making it play nice with js, that is causing such headache and frustration. I'm starting to wonder if perhaps the most reasonable solution to this, to maintain the accessibility aspects of font-scaling, could be to offer an alternative stylesheet with fewer constraints. ~~J. (treswife at gmail dot com) ---------------------------------------------------- J Hodge wrote: > > David, > > > > I looked at the example you sent, and I see where you > > are going with it. The problem in this case is that a > > height, or at least min-height, *has* to be specified > > on #container for the CurvyCorners script to work > > properly... trimmed > > > > ~~J. Hodge > > (treswife at gmail dot com) > > > > In reference to uri :: <http://www.chelseacreekstudio.com/ca/cssd/hodge01.html> Add both js to the file, and: #container { border : 1px solid silver; margin : 20px auto 0 auto; <--- :: the 20px margin at the top as shown :: text-align : left; width : 757px; height : 34em; <------ :: add :: min-height : 34em; <------- :: add :: } The rounded corners come up in ff/mac and opera/mac on a local file and hold with font-scalling. You'll need to test in on your server with a PC withe font-scaling in IE6 and IE& and resolve any other issues that may remain. Best PS Still no need to hack Opera on this end. -- http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
