Luc wrote: > Good afternoon list, > > Following up on my post "footer gets pushed to the left on page zoom" > i tried another approach which fairly behaves the way i want. > > But i'm still struggling with some problems: > > [1] Moz, FF, IE (6 & 7): page falls apart on zoom text. IE only seems > to have a problem with the left nav menu when switching to "view > largest". >
All browsers have difficulty with the long-words in the vertical nav with font-scaling. I'll pass on that for today, and deal only with lessor matters... Moz? What Moz you got? Only got Mac FF/3.0.1 and Mac SeaMonkey/1.1.11 on this end. IE/6 and IE/7 drop the right column float at text-size largest when font-sizes are "ignored" in "accessibility mode. > [2] In Moz, when zooming to 33%, the text underneath the footer nav, > starts breaking out of the footer. FF doesn't seem to have that > problem. > Moz? Moz when zooming to 33%. I don't understand. The #signature has a negative margin left. The block needs to be reset. > http://www.dzinelabs.com/sandbox/Stickfooter.html > > html, body { /*height: 100%;delete*/ } body { /*position:absolute;width:100%; delete*/} #wrapper{/*min-height:100%;delete*/} /* use "easy clearing" to open the container vertically and contain it's content in IE/6 */ #contentwrapper { border: 1px dashed teal/* for position only */; overflow : hidden; } #contentwrapper:after { content : '.'; display : block; height : 0; clear : both; visibility : hidden; } #contentwrapper { display : inline-block; } #contentwrapper { display : block; }/* end easy clearing*/ /* keep float from dropping when font-sizes ignored (accessibility mode) and text-size is set to largest in IE/6.0 */ * html #contentright {overflow-x: hidden; border-left: 1px dashed blue;/* for position only */} #footer { background:fuchsia;/* for position only */ /*padding: 16px 0 0 0;delete*/ padding: 16px 0 3em 0;/*add*/} /** html #wrapper{height:100%} delete**/ On to swilling a fist-full of Tylenol "Extra Strength" to recover from squinting at unreadable primary content "mousetye" and enormous vertical navigation links that are also unreadable. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
