Envoltura IScroll no consigue una altura
Tengo el siguiente código:
<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>
Mis clases de CSS
.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;
}
Estoy usando:
iscroll.jsjQuery 1.8.2jQuery mobile 1.2.0jQuery mobile iscrollview.Y si es necesario saberlo.jstorage.js
yfastclick.js
Pero la división de arriba no está obteniendo una altura en la envoltura de iscroll. También hay un inicio de sesión antes y esta página se mostrará automáticamente después del inicio de sesión después de un$.mobile.changePage("#home");
función.
Intenté hacerlo como primera página antes de la función de changePage y me dio el mismo efecto. Si pongo un
por ejemplo después de la<div data-role="content" height="100%" data-iscroll>&nbps;
La envoltura consigue una altura de 15px para el
Pero no por las imágenes del interior.