Results 1 to 7 of 7

Thread: Div scrolls

  1. #1
    Join Date
    Nov 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Div scrolls

    While changing my site to include divs I've realized that the scrolling on my page has become "rough" the divs distort while scrolling and it is hard to scroll to an exact position. How can I make the scrolling smoother? Thanks.

    P.S. Wasn't really sure what kind of code it would need if there's one for this so I just kind of guessed.

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Usually this happens when there's video-rich content in your page. Big or animated images, embedded content (Flash, Java, Silverlight), or, in some browsers, position: fixed; elements, can all have this effect.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Nov 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hmm. I only have a couple of images but a lot of things are positioned "absolutely" and my background is fixed.

  4. #4
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    It would probably be the background.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,982
    Thanks
    43
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    Generally, these sort of things are both browser/machine and layout/style centric. This means that if you lay things out and style them in a particular way, a particular browser on a particular machine might exhibit rough scrolling or some other undesirable thing.

    KISS (keep it simple, stupid) is a good rule of thumb, especially for the inexperienced coder. Avoid absolute positioning, relative positioning, and floats as much as possible. Use margins and padding to tweak position.

    And remember, no efficient design will look identical in all browsers on all systems. But an efficient design will look OK, and be accessible for almost all user agents.

    A page can be very dramatic in appearance without using tons of tricks. Just one or two well utilized effects can make a very powerful presentation. If these effects degrade well in non-supporting agents and are skipped in agents that they would make a mess in, so much the better.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Nov 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I tried looking at it in both the new IE and FireFox, though I use FireFox as default and it was even slower in IE. Thanks for the help guys I'll try to position everything with cellpadding and see if that helps any.

  7. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,982
    Thanks
    43
    Thanked 3,198 Times in 3,160 Posts
    Blog Entries
    12

    Default

    I meant style padding and style margins.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •