SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot internetSurfer's Avatar
    Join Date
    Jan 2008
    Location
    NYC
    Posts
    140
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question float:right img not working

    Hello fellow members,

    On my new project the image of the green and red flag is a bit buggy on mobile devices.
    Any help would be greatly appreciated.

    http://www.aladdinullah.org

    CSS file: http://www.aladdinullah.org/main.css

  2. #2
    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)
    There's no room for it on small screens, unless you set a fixed width on the page, which this layout kind of needs anyway. Try something like a min-width on the #header div:

    Code:
    #header {
    position: absolute;
    margin: 0px;
    top: 0px;
    padding: 0px;
    left: 0px;
    width: 100%;
    height: 150px;
    border: 5px #FFF solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    background-color: #4B4B4B;
    min-width: 1100px;
    }

  3. #3
    SitePoint Zealot internetSurfer's Avatar
    Join Date
    Jan 2008
    Location
    NYC
    Posts
    140
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I spoke 2 the perosn the site is for and they said they didn't need the flag up so i took it off.
    Thanks for the feedback and input on the resolution to the problem.

  4. #4
    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)
    It's worth adding in the fix anyway, as there's still a problem with the layout on narrow screens. Anyone who has to scroll to the right will see odd background issues on the header area otherwise.


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
  •