Home/ Questions/Q 6162493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T21:39:50+00:00

I have absolute positioned div, which of course doesn’t have height, so bottom elements(in

  • 0

I have absolute positioned div, which of course doesn’t have height, so bottom elements(in HTML hierarchy) doesn’t have proper position in page.

here is link: [removed]

Absolute positioned div is in #page-wrapper.

Problem: I need that #red-bottom(body child) element goes to bottom of page.

I can give #page-wrapper(also body child) fixed height, or set fixed margins. But problem is that, that text can be shorter or longer. So height also dynamic.

So how fix this for all cases(dynamic)?

Fixed by JavaScript.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    So how fix this for all cases(dynamic)?

    You have two options:

    • Use JavaScript to position the red bar.
    • Don’t use absolute positioning to position elements on your page.

    There is no way to move the red bar always to the bottom using CSS if the amount of text varies.

    It’s perfectly possible to achieve the same layout without using absolute positioning.

    Read: http://www.htmldog.com/guides/cssadvanced/layout/

    • 0