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

    Join Date
    Jun 2013
    Posts
    2
    Rep Power
    0

    Question Folding menu on Android in HTML/CSS


    Hello guys,

    I have the following problem.
    I have written a vertical CSS/HTML menu. Clicking on one object in the menu it opens its content. Clicking it again will close it.
    My problem is now, that it is everything ok in my browser and on my iPhone, but if I open it on my Andoid, it's not working properly (I have to click the menu element and scroll. And while scrolling the content appears).
    I hope you get what I mean...

    here is the main part of the code:


    <div class="container">
    <section class="ac-container">

    <div>
    <input id="ac-1" name="accordion-1" type="checkbox" />
    <label for="ac-1"><h1>ÜBERSCHRIFT</h1><img src="images/arrow_down.png" class="ausklappen"></label>
    <article class="ac-large">
    <p>TEXTTEXTTEXTTEXTTEXT <hr> </p>
    </article>
    </div>


    CSS

    ...
    .container > header{
    padding: 20px 30px 10px 30px;
    margin: 0px 20px 10px 20px;
    position: relative;
    display: block;
    text-align: center;
    }
    .container > header h1{
    font-family: Bariol;
    font-size: 20px;
    line-height: 25px;
    position: relative;
    font-weight: 400;
    color: #129740;
    padding: 0px 0px 5px 0px;
    }
    ...

    .ac-container{
    width: 95%;
    margin: 0px auto 0px auto;
    text-align: left;
    }
    .ac-container h1{
    width: 75%;
    float: left;
    font-weight: bold;
    }
    .ac-container label{
    font-family: Bariol;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 100px; /*höhe der klickbaren Box*/
    cursor: pointer;
    line-height: 25px;
    font-size: 20px;
    color: #129740;
    }
    ...



    If would be really cool if somebody can help me, because I have really no idea what the problem is...

    Best regards!
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2009
    Posts
    310
    Rep Power
    162
    Would you mind giving us a link so we can have a look? Just write it like wwwDOTgoogleDOTcom or something like that, or putting it inside code tags should also work (the # button while you're typing a reply).
    Quality European Web Hosting - LDHosting.com
    High Quality, Low Cost Web Hosting Services
    www.ldhosting.com
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    2
    Rep Power
    0
    Originally Posted by LDHosting
    Would you mind giving us a link so we can have a look? Just write it like wwwDOTgoogleDOTcom or something like that, or putting it inside code tags should also work (the # button while you're typing a reply).
    here you go:
    wwwDOTw-majDOTde/cursor/index.html

    thanks!

IMN logo majestic logo threadwatch logo seochat tools logo