SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Strange responsive issue. Please help :)

    Hi Sitepoint,

    i have a strange issue. I have recently started learning more about responsive design, and just finished designing a responsive banner.

    The problem is that if I resize the screen the ' Get started' button in the banner does not move. When you refresh the page, it changes location then. So if you are on your phone and switch from portrait to landscape, everything move bar the button. Same if you resize the browser.

    Here is the site: Any help would be very helpful! http://platformb.net/everskill/

    Thanks in advance.

    Please don't pick on my responsive skills! I'm just learning.
    Last edited by ParkinT; Jul 10, 2013 at 04:34. Reason: Expanded shortened URL

  2. #2
    SitePoint Member
    Join Date
    May 2013
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Tough I know! It's doing my head in.

    Anyone?

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,317
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    I've moved this to the CSS forum, as it's really a standard CSS/layout issue. The button is misaligned on desktop as well if you resize the browser window. Is there are reason why you've chosen position: absolute for this? It would be safer to let the button sit in the flow of the document along with the other elements.

  4. #4
    SitePoint Member
    Join Date
    May 2013
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    I've moved this to the CSS forum, as it's really a standard CSS/layout issue. The button is misaligned on desktop as well if you resize the browser window. Is there are reason why you've chosen position: absolute for this? It would be safer to let the button sit in the flow of the document along with the other elements.
    Thanks. The reason it's uses absolute positioning is because the slider I used has all the slider elements set to that.

    Anyone have any idea about the button?

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,317
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by jshannow View Post
    The reason it's uses absolute positioning is because the slider I used has all the slider elements set to that.
    None of the elements around that button (such as the text) are set to position: absolute, and that's why they do the right thing and the button doesn't. Just do the same for the button as you've done with the other elements—as I said, let it follow the natural flow of the elements.


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
  •