IScroll Wrapper bekommt keine Höhe
Ich habe folgenden Code:
<div data-role="content" height="100%" data-iscroll>
<div class="homebutton_zeile">
<a id="picture_home" href="#pictures">
<div class="homebutton_all">
<div class="homebutton_name">Picture</div>
<div class="homebutton_picture">
<img src="images/picture.png" alt="image"
style="position: relative;">
</div>
</div>
</a>
</div>
</div>
</div>
Meine CSS-Klassen
.homebutton_zeile{
width: 100%;
height: 30%;
}
.homebutton_all{
width: 30%;
height: 90%;
float:left;
margin-left: 2%;
margin-top:15px;
}
.homebutton_picture{
position: relative;
width: 100%;
height: 85%;
float: left;
background-color: #AAC7BD;
border: 1px solid black;
border-radius: 15px;
box-shadow:8px 8px 8px #666;
}
.homebutton_name{
text-align:center;
position: relative;
top:-10px;
width: 100%;
height: 15%;
margin-left: auto;
text-decoration:none;
color:black;
}
Ich benutze:
iscroll.jsjQuery 1.8.2jQuery Mobile 1.2.0jQuery mobile iscrollview.Und wenn es nötig ist zu wissenjstorage.js
undfastclick.js
Aber der Div oben bekommt keine Höhe beim Einwickeln von Iscroll. Es gibt auch eine Anmeldung vor und diese Seite wird automatisch nach der Anmeldung nach einem angezeigt$.mobile.changePage("#home");
Funktion.
Ich habe versucht, es als erste Seite vor der Funktion von changePage zu tun, und es gab mir den gleichen Effekt. Wenn ich eine lege
zum Beispiel nach dem<div data-role="content" height="100%" data-iscroll>&nbps;
Die Umhüllung erreicht eine Höhe von 15px für die
aber nicht für die bilder drinnen.