Thread: CSS Positioning

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2013
    Posts
    2
    Rep Power
    0

    CSS Positioning


    Hi, I am pretty new to css. I am toying with a responsive menu. It works perfectly well on the desktop. But on the iPad and iPhone, the div doesn’t slide down enough to cover the form when clicked upon a iconFont.
    I am guessing this is a div positioning issue?
    I need to find out which div and property steer the div postioning as I will have other forms with more formfields then the one I have toyed with.
    I have created media queries for the iPad and iPhone
    Please test this page on all three devices, desktop, iPad and iPhone.
    This is the url to the test page:
    rajahasware.businesscatalyst.com/demo.html
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,127
    Rep Power
    4304
    Welcome to DevShed Forums, lupis.

    I recommend you try using Responsinator to test your site.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2013
    Posts
    2
    Rep Power
    0
    Yes, sorry about that, forgot to mention that its the search icon that should be clicked to trigger the behavior.
    On my iPad3 with ios 7.0.3 and safari. the blue div slides just short of the form field
    And on my iPhone 4 with above ios the blue div slides down barely covering the form field.

IMN logo majestic logo threadwatch logo seochat tools logo