Home/ Questions/Q 206793
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T17:40:40+00:00

I have outer div and inner div. I need to place inner div at

  • 0

I have outer div and inner div. I need to place inner div at the bottom of the outer one.

Outer div is elastic (width: 70% for example). I also need to center inner block.

Simple model of described make-up is shown on the picture below:

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Tested and working on Firefox 3, Chrome 1, and IE 6, 7 and 8:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html><body>
<div style='background-color: yellow; width: 70%;
            height: 100px; position: relative;'>
    Outer
    <div style='background-color: green;
                position: absolute; left: 0; width: 100%; bottom: 0;'>
        <div style='background-color: magenta; width: 100px;
                    height: 30px; margin: 0 auto; text-align: center'>
            Inner
        </div>
    </div>
</div>
</body>
</html>

    Live version here: http://jsfiddle.net/RichieHindle/CresX/

    • 0