Hi - I'd like to use a tabbed interface with a box outlining the area
below the tabs. A rough image of what I mean appears at the bottom of
the page http://203.79.116.203/tabtests1B.html.

At the top of that page is my effort so far but I cannot find a way to
make the containing left, right and bottom sides mesh with the tabs
without a gap appearing.

Would anyone be kind enough to share their knowledge of how to do this
?

thanks

Richard.

On 9 Mar 2006 03:10:38 -0800, shearichard@gmail.com wrote:[color=blue]
> Hi - I'd like to use a tabbed interface with a box outlining the area
> below the tabs. A rough image of what I mean appears at the bottom of
> the page http://203.79.116.203/tabtests1B.html.
>
> At the top of that page is my effort so far but I cannot find a way to
> make the containing left, right and bottom sides mesh with the tabs
> without a gap appearing.[/color]

Adding padding-top:1px; to the '#contentcontainer' rule works - just don't
ask me why. (Adding a top border also makes the side borders appear as you
and I would expect - I suspect there's a subtle issue about collapsing
borders/padding/margin that is producing this effect.)

--
Safalra (Stephen Morley)
http://www.safalra.com/hypertext/

The padding-top works fine - thank you very much, I have been trying to
do this for ages !

thanks

Richard.