Thanks Paulie - I had the links originally without the index.html in them - so I know that doesn't make a difference, but will try removing the hashes to see if that makes a difference (doesn't sound right though!)
believe it or not, Firefox may be correct here. All the section child divs are floating, so they're taken out of the document flow. The target anchors have no content and nothing to size them, so they're essentially 0 in height, as is the parent sections. So all the sections effectively stack up on the top of the page. Contain the floats and it will work (I'd use either overflow: hidden or clearfix on section).
Thanks wolfcry911 - that makes sense in a way - if the top of each section is seen to be at the top of the screen, there would be no reason to jump down. Will have a look at the containing DIVs to see what can be done.
Thanks wolfcry911 - your suggestion pointed me in the right direction... I added a display:inline-block attribute to each section within the page, and now the anchor links are working as they should in Firefox.
Long-time reader, first-time poster...
I know this isn't a CSS question, but it does relate to the use of IDs as anchor targets...
I recently put together a one-page website, using anchor links. This works fine in all browsers, except Firefox (Mac and Windows).
Having hunted around the web, I've tried setting:
... as my target - but that made no difference. As far as I knew, we just needed:
... these days.
Does anyone have a quick solution for me?
If you need to see the page in question, you'll find it over at http://www.do-not-shop4usb.co.uk
Many thanks in advance.
I can't think of any reason why but try changing the links from this format
to this one
If that doesn't work try removing any hashes (#) from your 'names' and 'IDs'.
Thanks Paulie - I had the links originally without the index.html in them - so I know that doesn't make a difference, but will try removing the hashes to see if that makes a difference (doesn't sound right though!)
G.
Hmmm - as I secretly suspected, that made the links lead to a page not found message... Any other suggestions?
G.
believe it or not, Firefox may be correct here. All the section child divs are floating, so they're taken out of the document flow. The target anchors have no content and nothing to size them, so they're essentially 0 in height, as is the parent sections. So all the sections effectively stack up on the top of the page. Contain the floats and it will work (I'd use either overflow: hidden or clearfix on section).
Thanks wolfcry911 - that makes sense in a way - if the top of each section is seen to be at the top of the screen, there would be no reason to jump down. Will have a look at the containing DIVs to see what can be done.
Thanks wolfcry911 - your suggestion pointed me in the right direction... I added a display:inline-block attribute to each section within the page, and now the anchor links are working as they should in Firefox.