The Underscore Archives

> Can't you just make the nav div auto width and put a left 
> margin on it?

Wouldn't auto-center then, I'm afraid.


Does the line need to extend all the way across the screen? If so, that's
easy (if ugly): put the line on a wrapper DIV which has width: auto and then
have the nav inside another container (probably a UL and use LIs for the
buttons) which has the correct width & is centred.

If the line needs to go only to the right edge, but stop at the edge of the
nav on the left, that's a bit trickier. The solution is to use a wrapper DIV
again, this time with a massively wide (3000px or so) 1px tall background
image, half of which is white and half of which is the border colour. Set
the background position to bottom center, then set up the nav as it is now
(with the 1px bottom border). The bottom border should sit over top of the
background, which will run clear to the right edge of the viewport. On the
left, though, the background will be white so the line will stop where the
bottom border on the nav does.



ck