Home/ Questions/Q 8047717
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T06:11:14+00:00

I am developing a website which is 100% height and width. There is a

  • 0

I am developing a website which is 100% height and width. There is a panel stuck to the left and the main content area to the right, which is scrollable.

However, in the content area the last div inside is getting cut off. I cannot see why. I have tested this on Firefox and Chrome, both are doing the same.

Here’s the link to see it:
removed

As you can see, it is cut off, adding a large margin-bottom (50px +) seems to fix it, but that just looks bad.

PS: Don’t worry about the missing images, it’s because I’ve only uploaded this page, not the entire website.

Thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    1. Height: 100%; is fairly inconsistent across most browsers. Try to avoid it.
    2. I’m not entirely sure how your layouts usually work, but setting overflow: hidden; on everything in your CSS reset is going to make things wonky from the start.

    Take out “overflow: hidden;” and you can see the problem. Your content pane is matching the height of your body, as such, you’re losing the height of “topBar” on the bottom of the page. because the Body is hiding the overflow.

    • 0