Home/ Questions/Q 7994027
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T14:01:37+00:00

I have a variable height , 100%-width sub-menu which is normally positioned at the

  • 0

I have a variable height, 100%-width sub-menu which is normally positioned at the bottom of the page. I want it to be at the top of the page when viewed through a browser with a small window. The following is the structure of the HTML for the page:

<div id=container style='height: 500px; background: red;'>
 <div id=content style='width: 100%; background: green;'>content</div>
 <div id=sub-menu style='width: 100%; background: blue;'>sub-menu</div>
</div>

How can I get the variable height sub-menu to the top without blocking the content of the page using CSS?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you know the height of your sub-menu, then you can do it using position: relative on #container and position: absolute on both your #content and #sub-menu. You’ll also have to give the #container a top value that’s equal to the height of your #sub-menu.

    • 0