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.  As well, CurvyCorners does not respond
nicely to relative dimensions, an approach that I
tried in my first iteration.  (This isn't a JS-list,
but for the record I'm using CC for the corners
because my usual stand-bys apparently conflict with
the mootools library + lightbox script I'm using on a
handful of pages, and CC doesn't.)

I started out with only the one wrapper (effort to
reduce "unnecessary" markup), attempting to position
almost everything inside it relatively.  However, I
found this produced some pretty foul problems,
especially on the pages with the third-tier navigation
 (if things were set to display correctly for the
other pages, they were inevitably wonked for these
pages unless I set the third-tier navigation with
positioning that interfered with any sort of text
scaling).  The other problem was that in using only
one wrapper in conjunction with the CurvyCorners
script, it produced an offset that screwed everything
up - if it looked correct with JS, it was wrong
without, and vice versa.

So I tinkered about, and found that by adding a second
wrapper and positioning it relatively inside the first
wrapper, that offset was eliminated both with and
without javascript, it eliminated any need for a
"noscript" (which wasn't going to work and be even
remotely valid), allowed me to remove the problems
with the relationship between the third-tier
navigation and the main navigation, and actually
reduced the number of hacks that I was looking at
using (primarily for IE).  (I also did some
re-ordering as well, although I'm still not quite
satisfied with it.)  

As for the Opera hacks, there's something odd with
that... I'm finding that Opera 9.2 renders everything
almost identical to Firefox and Netscape, but there
are one or two things that it seems to render more in
the manner of IE7.  Safari for PC seems to mimic this
as well.  Annoyance.

I'm going to tinker about with the example you sent
and see if I can get it to play nicely with all the
factors involved in this.  Thank you for taking the
time to put it together.

If anyone else has ideas as well on how to make this
layout work better with text scaling, please let me
know.  I'm not crazy about the overflow: auto applied
to the primary areas once the text reaches a certain
size...
http://www.lostinxlation.net/sandbox3/portfolio/cybernomics2.html
http://www.lostinxlation.net/sandbox3/css/primary.css

~~J. Hodge
(treswife at gmail dot 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/

Reply via email to