SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Question Weird: Emailbox Positioning Appears in Different Places

    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. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    It's not clear how you want it to appear. Can you post a screen shot of what you want?

  3. #3
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Here's a screenshot of what I'm looking to be consistent through as many browsers:
    this picture

  4. #4
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    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.
    Code css:
    #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. #5
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    This is the exact information I needed to gather. Thank you very much for the solution!


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •