Home/ Questions/Q 8575149
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T19:37:47+00:00

How does URL fragments interact with CSS? I have a page, say: http://example.boom/is_this_a_bug.html .

  • 0

How does URL fragments interact with CSS? I have a page, say: http://example.boom/is_this_a_bug.html. The code for the page is shown in https://gist.github.com/3777018

When I load the page with the URL like that, the .tab-pane elements are not showed because they overflow their container, and it has an overflow: hidden property.

However, if I load the page by appending a valid fragment (#00) to the URL, then the .tab-pane gets visible, just as if the left:100% was not taken into account. Pressing the button just removes and resets left:100%, and then I get the overflowing tab-panes.

This happens in both Firefox 15.0.1 and Chromium 18.0.1025.168 (Developer Build 134367 Linux) Ubuntu 12.04.

Any ideas why this is happening? Is this a bug, or is documented elsewhere?

Best regards,

Manuel.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When you load a page with a fragment identifier in the URL, if that fragment identifier matches the ID of an element on the page the browser will scroll the page to bring that element into view.

    • 0