Comments on: my design overfloweth

Question: my design overfloweth

pinto — Fri, 01 Jun 2007 07:56:11 -0800

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.)

By: sephira

sephira — Fri, 01 Jun 2007 08:12:02 -0800

Check to see if your code validates. Sometimes one thing wrong can throw the whole thing off.

By: birdherder

birdherder — Fri, 01 Jun 2007 08:54:26 -0800

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.

By: malevolent

malevolent — Fri, 01 Jun 2007 09:55:49 -0800

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?