Table Row always at the same distance of the bottom

SimpleDude used Ask the Experts™
Hi all,

I need to do an effect similar than the one at this page:

Please notice the Brown bar at the middle-lower portion of the screen (the one with some spanish text on it).

When you change the size of the browser, the distance between the end of that bar and the bottom of the browser is always the same (see attached image).

how can I accomplish that?

Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
That is not coded very intelligently.

The background "contains" the form - but in the markup this is not the case.

All they have done there is absolutely positioned a <div> 50px from the bottom of the page.

It is not a table row - there are no tables in the markup.

How you implement this on your page is entirely dependent on your page's markup.


Hi Julian!

I figured it out and did it all with DIVs.

thanks for your answer!
Most Valuable Expert 2017
Distinguished Expert 2018

You are welcome - thanks for the points.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial