I'm experimenting with a different version of my site entry page that is
stripped down to banner, complimentary color boxes, simplified
navigation buttons, and shorter introductory text.

The problem I've just encountered is the borders on the navigation
buttons. When I gave each list element a 1-pixel border, I knew they
would double where the elements touched. But I figured the easy fix
would be to add a 1-pixel border to the enclosing div. To my surprise,
it only added thickness at the top. When I checked in Firebug, it seemed
to indicate that the surround div border is acting like it is vertically
squashed instead of "drawing" a line around the perimeters of where I
believe the div exists.

On top of that malfunction, adding the border to the div pushed the
intro text way down, and along with it, the margin area below.

What's the deal?

http://www.keithpurtell.com/kthings/indexNew.htm

- Keith Purtell


______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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