SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Link is jumping in Firefox when Sidebar is longest.

    Please take a look at this page in Firefox. At the bottom of the page there are navigation links to the previous and next pages in the menu hierarchy. When you click on them they jump upwards. This only seems to happen on pages where the gray sidebar on the right is longer than the content on the left.

    My display is set to 1280 x 1024 so you may not see the problem unless your screen resolution is at least this size.

    You can view the CSS here.

    Any thoughts?

    Regards,
    Andy.
    Learn the Emotional Freedom Technique at www.as-if-by-magic.com

  2. #2
    Carpe Diem = Fish of the Day fisherboy's Avatar
    Join Date
    Dec 2005
    Location
    New Zealand
    Posts
    488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Andy

    I haven't got a high-res screen but thought I'd have a look anyway.

    I can't see anything wrong with the html or css and nothing happens on the screen (1024 x 768). The only thing that might happen is a slight misalignment of divs at higher res.

    Only one suggestion. Have you used the outline function in the Web Developer Toolbar in FF? This sometimes answers some of the less obvious questions.

    Best of luck.
    fisherboy
    Web Site Design

  3. #3
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by fisherboy
    Only one suggestion. Have you used the outline function in the Web Developer Toolbar in FF? This sometimes answers some of the less obvious questions.
    Hi Fisherboy,

    Thanks for the tip--I hadn't even noticed the Outline function in Web Developer Toolbar. When I applied an outline to all block level elements, the problem disappeared so there was nothing obviously wrong there either.

    During the night I had an epiphany which I've just tried out successfully. The previous and next links are floated left and right respectively, and I was applying a clear:both to just the first float because I wanted them to float on the same level. I surrounded both of these floats in a container div, and applied the clear:both to that div instead, which eradicated the issue.

    Thanks again for the tip--I shall use it now that I know about it!

    Regards,
    Andy.
    Learn the Emotional Freedom Technique at www.as-if-by-magic.com

  4. #4
    Carpe Diem = Fish of the Day fisherboy's Avatar
    Join Date
    Dec 2005
    Location
    New Zealand
    Posts
    488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm pleased you got it sorted Andy.

    Feels good, doesn't it?
    fisherboy
    Web Site Design

  5. #5
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sure does!
    Learn the Emotional Freedom Technique at www.as-if-by-magic.com


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
  •