Design Groups wrote: > So, here's the main thing. In the header, I have a couple of sections that > not only need to remain the same width (this is a fixed-width site at 760 > pixels), but if the text gets too big, the div container will be pushed > wider (instead of the text wrapping as needed to retain the width) and cause > the div to drop. The main issue is in the navigation menu - it's horizontal > and expands the width of the site. At normal size and smaller, it's cool, > but when you get *bigger* the last one or two menu items drop below the > rest. >
Just for the record, this can be seen as a feature. Wrapping ensures that all the text is still visible and readable without scrolling. But I understand how clients generally don't like it. > So far, I've managed to correct this issue by placing the questionable areas > inside a table - man I haven't done that in a long time! But I'd *really* > rather not use the table. Is there a way to somehow force the div "cells" > to remain the same width, and force the text to wrap, so that each item > doesn't drop below when text is made bigger? > Sure. Just give each <li> a width. :-) > If it helps, here's a link to the code in question: > > HTML (with tables): http://www.foolishvisions.com/site/stripped.html > CSS (global): http://www.foolishvisions.com/site/css/stripped.css > It always helps. :-) I see that you've switched to a table for that nav bar, but there's no reason why each <td> can't be a <li> with a set width instead. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ 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/
