I had written re: http://www.discandmore.com/ -
>> Sadly, that menu, and other parts of your layout, do not survive any kind of text
>> resizing or, in the case of IE7, any zoom level beyond 100%.
>> IE7 Win xp Screen shot:
On Fri, 13 Jul 2007 10:17:46 -0400, rollandburn responded:
> Well thanks for taking the time to take and post screenshots Dave, I can see that
> 'poor css technique' is where you are headed with that one. I know that the menu items
> start to wrap with the first two text size increases. A solution to that could be to
> either remove a menu item or narrow the graphics.
Well, no. Your CSS technique is pretty good, I would say. Getting
a design to work cross-browser, allowing for text resizing and similar
factors is tough. To do it without access to a good cross-section
of browsers impossible, I would imagine.
For the menu to work, I suggest taller images and a "natural" height
so that they expand vertically with larger text. You are pretty much
stuck with fixed widths to avoid wrapping, but you can get a couple
of increases without breaking, I would hope.
With regard to IE7's "zoom" - well, I wish I had an answer. I have
similar problems, and have tried all manner of fixes, including some
pretty convoluted Micro$oft "expressions".
If anyone else on the list has ideas, please share them. I am all ears.
IE7 information -- 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/