Re: [css-d] jumpy page/won't scroll down in IE
Peggy Coats wrote: I'm having a problem on this site in IE : http://www.ripeforretirement.com/ For some reason, I can't scroll down to the bottom of the page -- it just kind of jumps around when attempting to do so. I have a feeling it might be related to the javascript for the font enlargement, but not really sure. The 'js/equalcolumns.js' is bugging IE/win ... it can't get past its artificial bottom, and the footer is below. Kill the script and IE/win will do fine, or check out the conditions the script is supposed to work under and adjust your layout to it. What do you need that script for? No visual columns to take care of on that page, but you may have other reasons. IE/win already has a 'hasLayout' trigger that keeps the center-column in check width-wise, and other browsers will do fine with a suitable 'block formatting'[1] trigger. #outerWrapper #contentWrapper #content { display: table-cell; } ...seems to work fine, but have only checked it in Opera and Firefox on windows. You can of course also give that element the correct margin... #outerWrapper #contentWrapper #content { margin: 0 200px 0 230px; } ...in which case neither 'hasLayout', 'block formatting' or 'equalcolumns script' seems to be necessary in any browser. You just have to remember that IE6 doesn't respect any dimensions, and at least kill its 'em font-resizing bug'[2] before anyone starts resizing text in that browser. The addition of html {font-size: 100%;} ...will do. regards Georg [1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting [2]http://www.gunlaug.no/contents/wd_additions_13.html -- http://www.gunlaug.no __ 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] jumpy page/won't scroll down in IE
On 10/14/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Peggy Coats wrote: I'm having a problem on this site in IE : http://www.ripeforretirement.com/ For some reason, I can't scroll down to the bottom of the page -- it just kind of jumps around when attempting to do so. I have a feeling it might be related to the javascript for the font enlargement, but not really sure. The 'js/equalcolumns.js' is bugging IE/win ... it can't get past its artificial bottom, and the footer is below. Kill the script and IE/win will do fine, or check out the conditions the script is supposed to work under and adjust your layout to it. regards Georg Thanks -- removing the equalcolumns.js did the trick. I had that in there originally and then decided not to use the js because the columns were working fine w/o, but neglected to remove it from the pages. Peg __ 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] jumpy page/won't scroll down in IE
On Sun, 14 Oct 2007 11:07:10 -0700, Peggy Coats wrote: I'm having a problem on this site in IE : http://www.ripeforretirement.com/ Here is the CSS: http://www.ripeforretirement.com/css/ripe.css For some reason, I can't scroll down to the bottom of the page -- it just kind of jumps around when attempting to do so. I have a feeling it might be related to the javascript for the font enlargement, but not really sure. No one seems to be experiencing the problem in other browsers. Anybody have any ideas? I am not seeing any scrolling problem this end, Peggy. Can you tell us which browser version and platform you are using? I tried IE6 and IE7 here on Windows xp pro. There does seem to be a layout problem in IE though. Here's a screen shot: http://webwiz.robinshosting.com/temp/images/ripe-ie7.png (Sorry about the 8-bit colors, though. Your actual page looks much nicer.) Cordially, David -- __ 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] jumpy page/won't scroll down in IE
On 10/14/07, David Hucklesby [EMAIL PROTECTED] wrote: On Sun, 14 Oct 2007 11:07:10 -0700, Peggy Coats wrote: I'm having a problem on this site in IE : http://www.ripeforretirement.com/ Here is the CSS: http://www.ripeforretirement.com/css/ripe.css For some reason, I can't scroll down to the bottom of the page -- it just kind of jumps around when attempting to do so. I have a feeling it might be related to the javascript for the font enlargement, but not really sure. No one seems to be experiencing the problem in other browsers. Anybody have any ideas? I am not seeing any scrolling problem this end, Peggy. Can you tell us which browser version and platform you are using? I tried IE6 and IE7 here on Windows xp pro. There does seem to be a layout problem in IE though. Here's a screen shot: http://webwiz.robinshosting.com/temp/images/ripe-ie7.png (Sorry about the 8-bit colors, though. Your actual page looks much nicer.) Cordially, David -- HI David, I got the jumping/no-scroll problem fixed by elminating a javascript call. It was only an issue in IE 6 and IE 7. thanks for the screenshot -- it looks like you've enlarged the font size (I hope it's not defaulting to that!) I know that on the largest font increase the text will sometimes hide behind the nav bar (as it appears to be doing here). Not sure how to get around that! Peg __ 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] jumpy page/won't scroll down in IE
HI David, I got the jumping/no-scroll problem fixed by elminating a javascript call. It was only an issue in IE 6 and IE 7. thanks for the screenshot -- it looks like you've enlarged the font size (I hope it's not defaulting to that!) I know that on the largest font increase the text will sometimes hide behind the nav bar (as it appears to be doing here). Not sure how to get around that! Peg __ I would change this: #menu dt { width: 11em; To this: #menu dt { width: 140px; That should force your top-level menu items to expand vertically by breaking the lines rather than expanding the box horizontally. Walt __ 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] jumpy page/won't scroll down in IE
On 10/14/07, David Hucklesby [EMAIL PROTECTED] wrote: On Sun, 14 Oct 2007 11:07:10 -0700, Peggy Coats wrote: I'm having a problem on this site in IE : http://www.ripeforretirement.com/ Here is the CSS: http://www.ripeforretirement.com/css/ripe.css [...] There does seem to be a layout problem in IE though. Here's a screen shot: http://webwiz.robinshosting.com/temp/images/ripe-ie7.png [...] On Sun, 14 Oct 2007 15:55:43 -0700, Peggy Coats wrote: I got the jumping/no-scroll problem fixed by elminating a javascript call. It was only an issue in IE 6 and IE 7. That's good news. Perhaps you had fixed it by the time I looked at it. thanks for the screenshot -- it looks like you've enlarged the font size (I hope it's not defaulting to that!) ... I'm sorry to say that it is the default medium size in IE on my machine. Many, if not most laptops that have screens with more than a thousand pixels height are set to 120 DPI. To compensate for the smaller text size that results, both IE and Opera increase em sizes by 25%. High-definition laptops seem to be the new black. ;) Cordially, David -- __ 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/