Weird: Emailbox Positioning Appears in Different Places

HTML & CSS
1

Hello all,

This is a question for the page at worldreviewgroup.com, particularly the orange box for e-mail collection in the bottom right corner.

Through different sized pages/browsers, the box is not appearing to be positioned neatly on the on the bottom.

What is the problem here in my design?

2

It’s not clear how you want it to appear. Can you post a screen shot of what you want?

3

Here’s a screenshot of what I’m looking to be consistent through as many browsers:
this picture

4

Hi,

Yeah, you can’t rely on perfect margins to lay things out when there’s text.
If you know there will always be space there you may want to use absolute positioning for that.
Set #emailbox to display at the very bottom of #rightsidebody and drag it up 10px.

#rightsidebody {
  position: relative
}
#emailbox {
  margin-top: -10px;
  position: absolute;
  top: 100%;
}

If you wanted to avoid absolute positioning you’d need to move it outside of #rightsidebody.

5

This is the exact information I needed to gather. Thank you very much for the solution!