Home/ Questions/Q 4054530
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T14:35:14+00:00

I’m new to CSS and from the background of WPF/ Desktop apps. I need

  • 0

I’m new to CSS and from the background of WPF/ Desktop apps.
I need to format the layout of the website exactly the same as client version (WPF). which is basically consists of three key areas:
1) The Bottom bar (25px height) for shows status messages and logo in right corner
2) The middle area with two cols (LeftNav and main-content).
3) The header
What I want is that the “Bottom bar” should always displayed and there should be a scrollbar if the contents enlarges the page height for main-contents.
Also the “LeftNav” should also appear bottom-aligned (like outlook) and grow upwards but covers the whole height upto the header section.
The main-content should be top aligned and starts after the header.
The header is of fixed height of 100PX.

Anyone can help me by sharing some css style to do this please.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try to position your header, footer and main container wrapper (containig left and right content) with absolute position. Footer bottom: 0px;, Header top:0px;.
    It is also very important to declare overflow: auto; on the right or left middle container to get scroll when you will have content that exceeds the total height of the user screen.
    If you have any other question feel free to ask

    • 0