The example for the question is:

http://fish.washington.edu/wrac/beta/2ndary1.html

An auto-centered div, fixed width, with bulk of content, including 
background image, navigation menu, and a nested text div are giving me 
problems with IE Win/Mac (latest versions) and Opera for getting the 
text in the "content" div (dotted red border) to auto-reflow the right 
margin as a function of viewport width (works fine in Safari, Firefox). 
That is, the text should never flow past right margin of the green 
background image in "wrapper" div, but it should shrink when the 
viewport width is less than total "wrapper" width so that horizontal 
scrolling is never required to read the text).

I've been able to get the right-margin behavior to work fine for 
non-auto-centering divs, but I'm stumped for this particular layout. 
Can it be done, and if so, how?

FYI, I experimented with the max-width hack at 
http://www.svendtofte.com/code/max_width_in_ie/, trying both ems and 
pixels, with no luck--this I infer is due again to the unique problems 
imposed by the auto-center format.

Marcus Duke
Webmaster/Info Specialist
UW Aquatic & Fishery Sciences

______________________________________________________________________
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/

Reply via email to