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 > > > -- > > 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/
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: > > 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
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 -- __ 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: > >> >> >> >>> 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: 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 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
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: > >> >> >> >>> 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: > > >> 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/17 Bill Brown <[EMAIL PROTECTED]> > 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 ) 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 > > -- > > 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. :( About the framework, well, I have no reason to use or not to use a framework... but I'm trying to learn CSS at the same time I develop the layout, and the framework you have presented me is too complex for me right now. I'm to newbie on CSS and I'will develop more CSS on it, and If I don't understand what I'm doing, the problems could get bigger and bigger. But, you have not been the only person that have suggested a totally new way of doing the layout to solve this issue, why is this recurring? I'm I having a bad layout, cas it seems really easy and easilly understandable. The ONLY issue is that white space. Why can't we just fix that problem? Because it's related with all the other layout pieces? Thanks a lot for your help, 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 ) 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 -- __ 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/
[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/
