Now I have a new question :) I'm trying to make this site completely CSS-based. This is something I can usually accomplish without an issue. Most times, I can create a site with the problem I have now, and when the text is resized, if certain divs drop, it's no one's issue. Things are still readable and all that, so no one has ever had a problem with it.
Well, here comes this fun new site. Their target audience is the elderly. (This is the same site I was talking about before - with the text resize) You all helped me figure out how to make the text resize with a button click - and this is awesome because I can serve up a different stylesheet that will keep everything in place as needed - no problem. However, I know that not *all* elderly folks out there are completely computer illiterate, and there will be some who come to the site and use the "View" button in the browser bar to resize the text - not being aware (or even looking for) a "click here to enlarge text" button. So now I'm attempting the new issue of having the ability to resize text + and - 2 sizes (as I usually do) *without* this div dropping problem. 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. 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? 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 I've taken out all the names and such, because I don't know how my "boss" will feel about posting a public link to the site before it's been made public by the company in question...so please bear with the ugliness as I try to retain the client's privacy and my sanity at the same time! Anyway, you can see where I've placed the table cells: in the header and towards the bottom of the content areas, where the UL tags reside. (The table cell to the right of the page *has* to stay a table - so that one shouldn't be bothered with - something about their database system) I kept the footer tableless, but I'm considering putting that in a table as well, because it experiences the same issue: when made larger, the end items ("Contact Us", etc) drop below the rest. I'd appreciate any help/advice you all could give so very much. I'd *really* like to avoid tables on this one, but if I can't find a solution, I may have to stick with them on this issue. ~Shelly ______________________________________________________________________ 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/
