Rahul Gonsalves wrote: >[...] mock-up here: http://www.cfl.in/dev/9th%20Feb.jpg >Page: http://www.cfl.in/dev/CFL%202.0/ > >1. The horizontal navigation (listomatic-sourced), when it expands, >pushes the next div down. How could I solve this? Ideally I don't want >it to outgrow the grey-background at all. >2. As above, when the h-nav expands, it "outgrows" the background too >soon. How can I ensure that this doesn't happen? >3. With white text on a whitish background, the h1 becomes invisible >after about four-levels. > >I have read that 3 zoom-levels either way is what one should strive to >accommodate. Is this a good strategy? >[...] > Hi Rahul, Before: - I see there is no </div><!--Mainbody--> tag. - IE has a different height where the horizontal navbar is starting.
@1. If you don't want to outgrow the grey-background at all (and have it at in the middle of the fixed 40px high grey background-bar), I think the only way is to make images of your menu-items. As soon as you have the menu items as html-text, they can grow - and you have to arrange the grey background is not fixed anymore at 40px, but enlarging as the user is enlarging the font size. @2 and 3. I think you can use the fixed background-img as a kind of "default" layout, if you want the screen width is always filled with the gradient-bar. [1] Then I guess (a) you have to give the menu-ul also a background-img <http://home.tiscali.nl/developerscorner/css-discuss/images/cfl-navlist-bg.gif> (large enough to grow when user is enlarging the font size). And (b) you have to set the body background-image just as small to fit for a small font size. As a beginning, I made for illustration this testpage <http://home.tiscali.nl/developerscorner/css-discuss/test-cfl.htm>. Greetings, francky [1] An alternative could be: only the gradient background for the wrapper middle part, and just a background-color for the body. Then there cannot be a difference in height in the grey nav-bar and the "grey side-bar" (which isn't there anymore). ;-) ______________________________________________________________________ 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/
