Anchors not working in CSS layout in Safari

obelix · 05:35 PM

Well they seem to work in both IE and FIREFOX but I just can't seem to get anchors to work in Safari. Apparently this is an issue to do with CSS and the overflow property. I found some information on it here:

http://blog.deconcept.com/code/overf...lowsafari.html

However the fix doesn't seem to work for me. The page I am working on is here:

http://www.tumbara.com/demo/index2.php?action=about#c1

I've tried all sorts of things to try to get this to work but no such luck. I'm just at my wits end. Any ideas what could be happening here?

robbieduncan · Nov 8, 2005, 05:10 PM

What exactly is not working?

Also the first link is broken.

Mitthrawnuruodo · Nov 8, 2005, 05:23 PM

There was just another thread about anchors not working in Safari: http://forums.macrumors.com/showthread.php?t=159809

It's just one of the many small annoyances with Safari, like they display the "Question-mark square" whenever an image is missing, instead of displaying the contents of the alt tag, like they should...

obelix · Nov 8, 2005, 05:35 PM

Sorry it looks like I posted the wrong link...

http://blog.deconcept.com/code/overf...lowsafari.html

What exactly is not working? Well the anchors aren't working. If you click the "Tumbara Project" or "Interview with Keith Baker" links you will find that they don't jump down the page like they should. If you open it in Camino or Firefox it works fine... same with IE... it just doesn't work in Firefox.

I'm just not sure how to implement what they are talking about in the blog into my code.

robbieduncan · Nov 8, 2005, 05:53 PM

Right. It's nice and simple. If you look at the source code of the JavaScript fix in the linked example it includes a JavaScript file that defines scrollDivToAnchor. I don't see that on your page.

When I click on the first link (The Tumbara Project) I see the following in the JavaScript console (turn on the Safari Debug menu):

Object (result of expression scrollDivToAnchor) does not allow calls.
http://www.tumbara.com/demo/index2.php?action=about#c1

obelix · Nov 8, 2005, 06:49 PM

K I included the Javascript and still no luck... any ideas?
http://www.tumbara.com/demo/index2.php?action=about#c2

robbieduncan · Nov 9, 2005, 02:30 AM

Quote:

Originally Posted by obelix

K I included the Javascript and still no luck... any ideas?
http://www.tumbara.com/demo/index2.php?action=about#c2

Sorry for the delay in replying, been having a nice sleep! Again it's very simple! Did you even read the JS Code? It defines a variable called targBox. In the file you are including it's set to "box". It has to be set to the id of the div that contains the anchors you want to scroll to.

obelix · Nov 9, 2005, 11:02 AM

Sorry for wasting your time Robbie, I knew that needed to go in there but I guess I neglected to add it in with the last little update. I had taken everything out of the code you see because I wanted to try some other things and then when I made this post I forgot to add a few things back in. Sorry for all the trouble... you've been most helpful

.... oh and it works now! Yay!

robbieduncan · Nov 9, 2005, 04:19 PM

It's not a problem! I'm glad to here that it's all working for you now

Nov 8, 2005, 04:53 PM	#1
obelix macrumors member Join Date: Oct 2004	Anchors not working in CSS layout in Safari Well they seem to work in both IE and FIREFOX but I just can't seem to get anchors to work in Safari. Apparently this is an issue to do with CSS and the overflow property. I found some information on it here: http://blog.deconcept.com/code/overf...lowsafari.html However the fix doesn't seem to work for me. The page I am working on is here: http://www.tumbara.com/demo/index2.php?action=about#c1 I've tried all sorts of things to try to get this to work but no such luck. I'm just at my wits end. Any ideas what could be happening here? Last edited by obelix; Nov 8, 2005 at 05:35 PM.
	0

Nov 8, 2005, 05:10 PM	#2
robbieduncan Demi-God (Moderator) Join Date: Jul 2002 Location: London	What exactly is not working? Also the first link is broken. __________________ Sponsor me to cycle 100Km round London in the dark
	0

Nov 8, 2005, 05:23 PM	#3
Mitthrawnuruodo Demi-God (Moderator) Join Date: Mar 2004 Location: Bergen, Norway	There was just another thread about anchors not working in Safari: http://forums.macrumors.com/showthread.php?t=159809 It's just one of the many small annoyances with Safari, like they display the "Question-mark square" whenever an image is missing, instead of displaying the contents of the alt tag, like they should... __________________ Those who fail to learn history are doomed to repeat it; those who fail to learn history correctly... why, they are simply doomed.
	0

Nov 8, 2005, 05:53 PM	#5
robbieduncan Demi-God (Moderator) Join Date: Jul 2002 Location: London	Right. It's nice and simple. If you look at the source code of the JavaScript fix in the linked example it includes a JavaScript file that defines scrollDivToAnchor. I don't see that on your page. When I click on the first link (The Tumbara Project) I see the following in the JavaScript console (turn on the Safari Debug menu): Object (result of expression scrollDivToAnchor) does not allow calls. http://www.tumbara.com/demo/index2.php?action=about#c1 __________________ Sponsor me to cycle 100Km round London in the dark
	0

Nov 9, 2005, 04:19 PM	#9
robbieduncan Demi-God (Moderator) Join Date: Jul 2002 Location: London	It's not a problem! I'm glad to here that it's all working for you now __________________ Sponsor me to cycle 100Km round London in the dark
	0

Nov 8, 2005, 05:35 PM	#4
obelix Thread Starter macrumors member Join Date: Oct 2004	Sorry it looks like I posted the wrong link... http://blog.deconcept.com/code/overf...lowsafari.html What exactly is not working? Well the anchors aren't working. If you click the "Tumbara Project" or "Interview with Keith Baker" links you will find that they don't jump down the page like they should. If you open it in Camino or Firefox it works fine... same with IE... it just doesn't work in Firefox. I'm just not sure how to implement what they are talking about in the blog into my code.
	0

Nov 8, 2005, 06:49 PM	#6
obelix Thread Starter macrumors member Join Date: Oct 2004	K I included the Javascript and still no luck... any ideas? http://www.tumbara.com/demo/index2.php?action=about#c2
	0

Nov 9, 2005, 11:02 AM	#8
obelix Thread Starter macrumors member Join Date: Oct 2004	Sorry for wasting your time Robbie, I knew that needed to go in there but I guess I neglected to add it in with the last little update. I had taken everything out of the code you see because I wanted to try some other things and then when I made this post I forgot to add a few things back in. Sorry for all the trouble... you've been most helpful .... oh and it works now! Yay!
	0


MacRumors Forums > Archive > Archives of Old Posts > Web Design and Development (archive)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
thread	Thread Starter	Forum	Replies	Last Post
iPhone 4 ringer not working	Causality	iPhone Tips, Help and Troubleshooting	3	Oct 20, 2012 01:07 AM
Youtube not working in Safari?	Hyde244	Mac Applications and Mac App Store	12	Nov 16, 2011 11:12 PM
Voice Control Not Working	Thetonyk123	iPhone	5	Oct 11, 2011 03:22 PM
Cydia not working day 2!	almac04	Jailbreaks and iOS Hacks	18	Jun 12, 2011 01:22 AM
http-equiv refresh: works in Firefox, not in Safari	Lorthirk	Web Design and Development	1	Jul 27, 2008 09:22 AM