my design overfloweth

June 1, 2007 7:56 AM

I set up a div with the overflow:hidden attribute and several anchors to jump down to different elements. In safari, this approach isn't working. It hides the overflow, allright, but I can't use my anchors to jump around. What gives? I googled around a bit and saw that float attributes might cause problems, but I'm not using any.

(I know there are other, more elegant solutions than using anchors, but I'm still curious as to why Safari can't seem to handle this while it works in all the other browsers I've tested.)

posted by pinto to computers & internet (3 comments total)

Check to see if your code validates. Sometimes one thing wrong can throw the whole thing off.
posted by sephira at 8:12 AM on June 1, 2007

As a heavy Safari user I run into sites like yours. I'm glad to see you're trying to do something about it.

You may wish to go to the Webkit guys and see if you can find an answer and ask.
posted by birdherder at 8:54 AM on June 1, 2007

With overflow:auto Safari will happily jump down to the anchor (at least it does in a site I'm working on), but they've seemingly decided to not do that for hidden content.
You'll need to use JavaScript to work out where the anchor is and move the content upwards accordingly, or can you perhaps use overflow:auto and put the scrollbar off the right of the screen or something?
posted by malevolent at 9:55 AM on June 1, 2007