Hi, I am using DIV-based fluid layout with the CSS Menu action in a horizontal menu bar which stretched right across the page.
I have been trying to arrange the menu so that if the viewer increases the text size (e.g. with Zoom Text Only checked in Safari) then the whole menu bar depth increases and the content below gets pushed down the page.
The first attempt had problems. If the DIV enclosing the CSS menu had its height set, its background colour would show but it wouldn’t expand when the menu’s text size increased. But with the height left unspecified, the DIV’s background colour didn’t show up at all, and the DIVs below didn’t get pushed down the page either.
So I have tried two approaches:
-
Add a Markup Item containing
alongside the CSS menu. This bumps up the menubar height OK on increasing text size, but it doesn’t render well in IE 6 & 7 (it gives a double line height). -
Apply the background colour using Graphic Effects. This seems to work well, but it does so by sitting the menu in a single cell table, which seems a bit of a ‘kludge’ - one of the points of going DIV-based is to get away from abusing tables for layout purposes!
So, just wondering whether there are other possibilities that I haven’t thought of. (Apart from getting out more, of course.) 
Cheers,
Stewart.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options