[css-d] Anchor tags and ability of browser window to scroll
I have been struggling for a few days with a problem related to using anchor tags. The page is question is here http://www.hartley-consultants.com/forum/index.php/board,1.0.html where the Go Up and Go Down links at the bottom and top of the list of forum topics are causing problems. The are links (ie a href=#topGo Up/a to anchors of the form a id=top/a When I have jumped via these links, the browser window will no long scroll to the part of the page above these anchors. Also the page wrapper and associated shadow seems to be offset from the page itself. The problem shows up in Firefox, IE8,Chrome and Safari - but Opera seems to work fine If I change the forum theme to the default that comes with SMF, it works fine. This obviously uses different div's etc surrounding the page and header - the code inside the main page template is the same. When looking at the anchors in Firebug on the HTML tab in this case they are greyed out where as in my own theme they are not, yet there doesn't seem to be any CSS related to visibility. I've wondered if I have mistakenly screwed up the nesting of divs, but if I have, I can't find it. Any ideas? -- Alan Chandler http://www.chandlerfamily.org.uk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Anchor tags and ability of browser window to scroll
On Thu, Dec 16, 2010 at 11:37 AM, Alan Chandler a...@chandlerfamily.org.uk wrote: I have been struggling for a few days with a problem related to using anchor tags. The page is question is here http://www.hartley-consultants.com/forum/index.php/board,1.0.html The are links (ie a href=#topGo Up/a to anchors of the form a id=top/a Any ideas? Hello Alan, I am not familiar with using a id=top/a I am more familiar with a name=top/a Try that and see if it helps. Also, this is more of an html question. There is a list specifically designed to handle html specific issues. Folks there might be a better target for your question. Folks on both lists are equally friendly and knowledgeable. WebDesign l...@webdesign-l.com Regards, Claude Needham __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Anchor tags and ability of browser window to scroll
On 16/12/10 19:50, Claude Needham wrote: On Thu, Dec 16, 2010 at 11:37 AM, Alan Chandler a...@chandlerfamily.org.uk wrote: I have been struggling for a few days with a problem related to using anchor tags. The page is question is here http://www.hartley-consultants.com/forum/index.php/board,1.0.html The are links (iea href=#topGo Up/a to anchors of the forma id=top/a Any ideas? Hello Alan, I am not familiar with usinga id=top/a I am more familiar witha name=top/a Try that and see if it helps. Also, this is more of an html question. There is a list specifically designed to handle html specific issues. Folks there might be a better target for your question. Folks on both lists are equally friendly and knowledgeable. WebDesignl...@webdesign-l.com One of the reasons I suspect its a mixture of CSS and HTML is that the links work perfectly with the default theme. Its also the reason I would prefer not to change the id for a name in the anchor tag - the default theme is writing the middle part of the page, and it is this default that is writing the part with the links and the anchors in it. But I will also try the other list -- Alan Chandler http://www.chandlerfamily.org.uk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Anchor tags and ability of browser window to scroll
Alan Chandler wrote: http://www.hartley-consultants.com/forum/index.php/board,1.0.html where the Go Up and Go Down links at the bottom and top of the list of forum topics are causing problems. The are links (ie a href=#topGo Up/a to anchors of the form a id=top/a When I have jumped via these links, the browser window will no long scroll to the part of the page above these anchors. Also the page wrapper and associated shadow seems to be offset from the page itself. Any ideas? removing overflow: hidden; for #page_wrapper seems to solve the problem (at least in Seamonkey). hth Susanne __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Anchor tags and ability of browser window to scroll
On 16/12/10 20:10, Susanne Jäger wrote: Alan Chandler wrote: http://www.hartley-consultants.com/forum/index.php/board,1.0.html where the Go Up and Go Down links at the bottom and top of the list of forum topics are causing problems. The are links (ie a href=#topGo Up/a to anchors of the form a id=top/a When I have jumped via these links, the browser window will no long scroll to the part of the page above these anchors. Also the page wrapper and associated shadow seems to be offset from the page itself. Any ideas? removing overflow: hidden; for #page_wrapper seems to solve the problem (at least in Seamonkey). Interesting Unfortunately, overflow:hidden is necessary to prevent the right side shadows continuing down the page forever (or rather for 2px). I can't quite remember why - I think its because I need to extend sh_side to at least the bottom of the page, and its one of those column equalising tricks where you use a massive padding and negative margin But at least it corrects my other problem. Now to understand why - seems to indicate that the anchor is somehow causing the content above it to overflow the top of #page_wrapper. -- Alan Chandler http://www.chandlerfamily.org.uk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
