AP Bejmuk wrote:
> http://denverclaims.com/CSS_Site/csstest.htm
> The nav menu on the upper left uses sandbag divs to keep along the
> "curve" of the mountains image. If the font size is changed, the
> layout falls apart. Any suggestions?
Those sandbag divs should have fixed height relative to the image - not
be allowed to adjust to the menu. #sb-01 shall stay at 'height: 90px';
while all the others should be corrected to 'height: 20px'.
Also, delete those 4 <br> in #menu and "replace" them with...
#menu ul{padding-top: 95px;}
...to avoid a font-size dependent start-position of the menu itself.
This will make the menu adjust nicely to the curved edge of the image,
and continue down the side if font-size is blown up very high.
> Also, I have a problem with the "main" block, specifrically the golf
> graphic. The top left of the graphic is transparent, to get the
> intended effect. However, although it's transparent and the nav menu
> shows through, where the overlap occurs the nav menu can't be
> clicked or mouseover'ed.
Add...
#menu ul{
position: relative;
z-index: 1
}
and the menu links will stay on top and be clickable.
Also: delete...
#menu{
top:150px;
}
...since it serves no purpose.
And add...
body{
font-size: 100%;
}
...to avoid the 'em font-resizing bug'[1] in IE/win.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_additions_13.html
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
