Sent by Zoe M. Gillenwater on 19 April 2006 20:08
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-REMOVED]]
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/
