[EMAIL PROTECTED] wrote:
> ... In FF, increasing the text size works as expected and keeps the
> layout intact, but going down two sizes from the default causes all
> of my columns to stack. Can someone help me out here? I'm
> scratching my head on this one. Perhaps decreasing the font size
> isn't anything to worry about?
Probably not, but making the layout hold its own when subjected to
'minimum font size'[1] might be a good idea.
The effect is very much the same as with decreased font size on your
layout - it tends to stack in Firefox and Opera.
Solution - add...
#mainwrap {clear: both;}
...to prevent stacking, and add...
#header, #footer {display: table;}
...to make header and footer adjust to changes in font size when needed,
thus preventing overshooting/overlapping onto the center column and
below the #bordwrap bottom.
> Site: http://www.girlscantwhat.com CSS:
> http://www.girlscantwhat.com/css/gcwcss.css
Felix wrote:
> Be wary of believing a horizontal scrollbar on zoom to be a problem.
> Larger absolute sizes tend to go hand in hand with wider viewports
> and higher resolutions.
I disagree with Felix on this point, but that's not a big issue since I
(and others) can use 'fit to window width' anyway - which acts as
'max-width = window-width' at the user end (with the right browsers).
That may make your page-columns stack - linearize, but it is still
working quite well.
regards
Georg
[1]http://www.gunlaug.no/contents/wd_1_03_04.html
--
http://www.gunlaug.no
______________________________________________________________________
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/
