The Underscore Archives

> The background image idea seems like a good work around, I'm 
> just a little concerned about getting the pixel perfect 
> precision accross all browsers.
>
> Is there a definitive cross browser way to do this with 
> background images?

Yes. I posted it. 

The wrapper DIV's height will be defined by the height of the nav, so
positioning the background bottom will always place it directly below the
border on the nav block.

For that matter, given that you've decided to fix the height of the layout
as well*, you could put the background on the BODY element too, and use a
background position of <some px> center, where <some px> is the total pixel
height of your layout down to the nav bottom + the top margin.

ck

* Try resizing the text more than one or two notches and see what happens to
the nav. That's kinda crap. So is scrolling within a DIV, TBH, because at
XGA resolution there's a scrollbar both on the viewport and on that DIV on
the homepage if the text is resized even just one notch. That is rather
awkward.

Needing larger text is MUCH more common than using a screen reader or
magnifcation software -- a great many people over 35 or so (including
myself) will find it uncomfortable to read the teensy white text on a dark
grey background -- to say nothing of the tiny dark grey text on the medium
grey navigation buttons. That being the case, a layout that becomes
illegible when text is resized is actually a more significant accessibility
issue than, say, lack of ALT attributes or poorly-authored Flash.