Home/ Questions/Q 8343495
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T06:05:01+00:00

I have page with sidebars. There is a table. I want to show one

  • 0

I have page with sidebars. There is a table. I want to show one line on the bottom of screen, no matter how big the table is. This line should has same width as table does.

Here is what I’ve tried, but without success:

<div style="width: 100%; position: relative;">
    <table>
           ...
    </table>

    <!-- this div will be width as whole page, not as table -->
    <div style="width: inherit; position: fixed; bottom: 0;">Wuah!</div>
</div>

Tell me pls some advices how to make it works 🙂
Here is a live example, sidebars included: http://other.dttrading.sk/orders.htm

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is that fixed elements are fixed relative to the viewport, not their parent, and they’ll will inherit the width from the viewport too. You can check that by inspecting the DOM, the fixed footer has the exact same width as the <body>.

    One possible workaround:

    • Give it left: 0 to left-align the footer
    • Set some z-index values so that the footer is behind the sidebar
    • Add another container inside the footer, offset it to the right, and center the content inside it.

    (Not tested)

    • 0