Question

I’m absolutely stuck here and hoping someone here will have the answer.

ok – The end goal is to be redirected to another page and be placed at the beginning of a certain DIV. I’m using an anchor tag which points to a DIV with an ID attached to it.
My code works for all browsers EXCEPT for Firefox??

Link on page one:

    <a href="/home/services#design">
      <%= image_tag "Read_More_Button.png", :alt => "", :style => 
      "position:relative;   left:-10px"%>
    -close a tag

Div with content on page 2:

    <div id='design' class='left clear_right '>  
      more <div>'s nested and a unordered list.  black as well. 
    -close div tag

The route in my config/routes.rb:

    get "home/services" => "home#services" 

To see how this is currently working please see online version link:

[website_link] http://mearsinteriors.co.uk/ “click here for website”

Click on the “read more” button for Design or fitout and you’ll see that you aren’t taken to the top of either div but the route/url in the address bar is correctly pointing to this location? This only happens in Firefox, I have tried in safe mode and disabled all add ons and still nothing.

any adice or direction would be greatly appreciated. thanks

Answer 1

This was the Jquery cycle library I was using. Each image’s container was still being spaced out over the page. so even though the images weren’t visible the divs were still there. Hence the reason the page scroll to the exact position no mater the anchor being directed to.