[css-d] Really need help - white spaces on zoom in using IE and FF
On IE 7 and FF 3 Im getting this weird behavior for my page (they are different behaviors, if we ZOOM IN with IE or if we do with FF: http://www.cantinho.org/test6.html the correspondent CSS is the following: http://www.cantinho.org/css/teste_V6.css Notes about the layout: This layout is not an ordinary 3 columns layout with head and footer. He has to have the ability to change the border line differently on each column, and the columns height should always be the same and follow the footer. Thats why Im glad with this layout, is CSS, no table, (but I know that there is now something like table/css correct? But I suppose IE 7 and 6 doesnt support it, right?), and no .js file, and no fake columns. So this seems nice to me anyway, if you have better suggestions I will listen to them. The issue is that white space when we use the zoom functions on IE or FF. (safari works great). Thanks a lot, I really need help on this, Ive google a lot already and Ive found nothing to help me out. :( Kind Regards, Márcio __ 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/
Re: [css-d] Really need help - white spaces on zoom in using IE and FF
MEM wrote: http://www.cantinho.org/test6.html http://www.cantinho.org/css/teste_V6.css This layout is not an ordinary 3 columns layout with head and footer. He has to have the ability to change the border line differently on each column, and the columns height should always be the same and follow the footer. That's why I'm glad with this layout, is CSS, no table, (but I know that The issue is that white space when we use the zoom functions on IE or FF. Hi Márcio, For kicks, I coded the URL you submitted into TheHolierGrail framework. TheHolierGrail has support for all the border and background changing (including full-height columns) that you're seeking and has been tested in quite a few browser/os combinations. You can find a version with all of the code for TheHolierGrail here: Link: http://theholiergrail.com/cssd/cantinho-maximal.html Size: 3 KB (30 KB uncompressed) ...and this version contains only the code you need for your project: Link: http://theholiergrail.com/cssd/cantinho-minimal.html Size: 2 KB (11 KB uncompressed) It shouldn't break when zooming in any browser, but when stressed in IE (zooming to large text size or unbroken lengthy content like long urls) it will save itself by cutting off some content. There's a thousand arguments for and against the use of frameworks (even mine g) and I don't want to start a debate, but I thought I'd offer it up as a solution for you. I hope it helps. --Bill -- !-- ! Bill Brown - [EMAIL PROTECTED] - 484-809-8077 ! WebDevelopedia.com, TheHolierGrail, MacNimble.com ! 24 Countryside Drive, Johnston, RI 02919 -- __ 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/
Re: [css-d] Really need help - white spaces on zoom in using IE and FF
talofo talofo wrote: MEM wrote: http://www.cantinho.org/test6.html If I use the IE zoom fuction, I'm still having problems. :( The IE/7.0 zoom feature is a *page* zoom. This is a fundamental difference. Opera, Firefox, and Seamonkey zoom functions more as a *text* zoom. Depending on the structure of the base layout, and the content within it, IE/7's page zoom will do funny things to some pages when it zooms the page. Your page is among them. Comment out your horizontal menu, for example, zoom your page in IE/7, and you'll get the anticipated behavior you expect and anticipate-- no huge vertical gap between the content and the menu. -- 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/
Re: [css-d] Really need help - white spaces on zoom in using IE and FF
2008/11/18 David Laakso [EMAIL PROTECTED] talofo talofo wrote: MEM wrote: http://www.cantinho.org/test6.html If I use the IE zoom fuction, I'm still having problems. :( The IE/7.0 zoom feature is a *page* zoom. This is a fundamental difference. Opera, Firefox, and Seamonkey zoom functions more as a *text* zoom. Depending on the structure of the base layout, and the content within it, IE/7's page zoom will do funny things to some pages when it zooms the page. Your page is among them. Comment out your horizontal menu, for example, zoom your page in IE/7, and you'll get the anticipated behavior you expect and anticipate-- no huge vertical gap between the content and the menu. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ Thanks a lot. I will give it a try once I'm back on my computer. In firefox I have the same issue but, in this case, it makes horizontal white space between the middle columm and the right colummm. Could this also be a comment issue? Regards, Márcio __ 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/
Re: [css-d] Really need help - white spaces on zoom in using IE and FF
talofo talofo wrote: 2008/11/18 David Laakso [EMAIL PROTECTED] talofo talofo wrote: MEM wrote: http://www.cantinho.org/test6.html If I use the IE zoom fuction, I'm still having problems. :( Thanks a lot. I will give it a try once I'm back on my computer. In firefox I have the same issue but, in this case, it makes horizontal white space between the middle columm and the right colummm. Could this also be a comment issue? Regards, Márcio I do not see the issue you refer to when scaling the fonts in Mac OS X 10.4.11 Firefox/3.0.4, and I do not know what you mean by Could this also be a comment issue. -- 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/
Re: [css-d] Really need help - white spaces on zoom in using IE and FF
2008/11/18 David Laakso [EMAIL PROTECTED] talofo talofo wrote: 2008/11/18 David Laakso [EMAIL PROTECTED] talofo talofo wrote: MEM wrote: http://www.cantinho.org/test6.html If I use the IE zoom fuction, I'm still having problems. :( Thanks a lot. I will give it a try once I'm back on my computer. In firefox I have the same issue but, in this case, it makes horizontal white space between the middle columm and the right colummm. Could this also be a comment issue? Regards, Márcio I do not see the issue you refer to when scaling the fonts in Mac OS X 10.4.11 Firefox/3.0.4, and I do not know what you mean by Could this also be a comment issue. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ Using XP and FF 3.0.3 i'm getting the horizontal white space. Tested on two computers. You have told me that, if I remove the comment out in the navigation bar, the vertical difference will become shorter right? In this sense, I thought this was a comment issue... am I wrong? Regards, Márcio __ 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/
Re: [css-d] Really need help - white spaces on zoom in using IE and FF
Thanks a lot. I will give it a try to learn more about how this works, knowing that I will never controle it. I'm use to it. I've read Plato :-) Thanks once again, Márcio 2008/11/18 David Laakso [EMAIL PROTECTED] talofo talofo wrote: http://www.cantinho.org/test6.html Using XP and FF 3.0.3 i'm getting the horizontal white space. Tested on two computers. You have told me that, if I remove the comment out in the navigation bar, the vertical difference will become shorter right? In this sense, I thought this was a comment issue... am I wrong? Regards, Márcio There is no gap (white space) on the entire right side of the center panel with font-scaling in Mac OS 10.4.11 in Firefox/3.0.4. There is a gap (white space) on the entire right side of the center panel with font-scaling in XP Firefox/3.0.3. The below deals only with the gap you are getting with IE/7 and page zoom, and nothing at all to do with what yo are seeing in XP Firefox/3.0.3. I am suggesting that you use html comments to comment out the menu so that it is not seen by the browser, like so: !-- div class=linksprincipais id=navigationullia href=# title=HomeHome/a/lilia href=# title=CSS LibraryCSS/a/lilia href=# title=NewNew/a/lili id=currenta href=# title=RevisedRevised/a/lilia href=# title=ToolsTools/a/li lia href=# title=DHTML ForumsForums/a/li/ul/div -- The large gap /may/ go away when you view the page with page zoom in IE/7.0 if the menu is not seen by the browser. Note that I have not tried this, and that this is an untested assumption. You and your would be Web designer can attempt to control the Web from now until forever and then some. In the end she'll win. Hands down. -- 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/
Re: [css-d] Really need help - white spaces on zoom in using IE and FF
2008/11/18 Bill Brown [EMAIL PROTECTED] talofo talofo wrote: You can find a version with all of the code for TheHolierGrail here: Link: http://theholiergrail.com/cssd/cantinho-maximal.html Size: 3 KB (30 KB uncompressed) ...and this version contains only the code you need for your project: Link: http://theholiergrail.com/cssd/cantinho-minimal.html Size: 2 KB (11 KB uncompressed) Thanks a lot Bill. Unfortunaly, that has done the trick with FF but not on IE. If I use the IE zoom fuction, I'm still having problems. :( No worries. I play around with a lot of urls people submit to this list, but don't generally comment (or at least, don't /always/ comment). Anyway, IE7 requires elements to be relative positioned to maintain their well, relative positions during page zooming. I've added the fix at the top of the page which should now allow this to work properly. Bear in mind that this type of fix brings its own set of baggage, especially if you intend to work with fly-out menus of any kind. Same links as above, if you care to have another look. Best of luck! Bill -- !-- ! Bill Brown - [EMAIL PROTECTED] - 484-809-8077 ! WebDevelopedia.com, TheHolierGrail, MacNimble.com ! 24 Countryside Drive, Johnston, RI 02919 -- Thanks a lot. It works! I will study a little the code and see what are the best options (leaving the zoom or put the conditional) knowing that none of them is ideal. I will post back the results in some days. Regards, Márcio. ps- David: sorry for the last reply, I forgot to bottom post. :s __ 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/
