Table Row always at the same distance of the bottom

SimpleDude
SimpleDude used Ask the Experts™
on
Hi all,

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

http://www.carolinaherrera.com/212/es/viprose/the-list

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?

Thanks!
Captura.JPG
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
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.

Author

Commented:
Hi Julian!

I figured it out and did it all with DIVs.

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

Commented:
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