[email protected] wrote:

> <http://www.eco-tune.net/>
> 
> The menu at the top should look like it does in this image:
> 
> http://www.eco-tune.net/images/menu.jpg

You're positioning the wrong way round for such a construction, which
makes it weak for the slightest changes in browser-environment,
resolution, font resizing etc.

I think you want it more like this...
<http://www.gunlaug.no/tos/alien/sb/test_09_0303.html>
...where the gap is pretty stable under stress. The rest of the
header/nav layout can't take much though.

Changes are:

.header {height: 142px;}
.header .subnav {top: 100%; bottom: auto;}
.header #nav {bottom: 6px;}

...which effectively turns positioning of .subnav upside down and
preserves the gap.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
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