SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    Jul 2008
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Problem aligning things in different browsers.

    I have a sign-in area on my website that I have problems aligning in Chrome, FF and Safari. On FF I need a different width for the sign-in div in order to align it to the right side of my website. Also, for the text underneath the sign-in area, how can I get it aligned with the correct input?

    The site is http://tinyurl.com/3dvlk4f and the area I am talking about contains the "Sign in" button

    Thanks in advance

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,354
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    It seems to look much the same to me in Firefox and Chrome.

    If you want the text to align automatically with the input then you would have been bettter grouping them together so that they behave as one block. e.g. wrap a span around the input and around the anchor and use inline-block and set the anchor to diusplay:block to start on a new line (or float them as a pair).

    As it is you could just shift them with a margin:
    Code:
    #resend_password_link span {margin:0 85px 0 0}

  3. #3
    SitePoint Zealot
    Join Date
    Jul 2008
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oops I meant internet explorer. The forgot password text is slightly misplaced. I will try you suggestion. Thanks

  4. #4
    SitePoint Zealot
    Join Date
    Jul 2008
    Posts
    122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul, I implemented your inline-block suggestions and it seems to fix the problem


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
  •