Div proporcional sin imagen

[Gorgonzola]

Tengo un div que contiene un slider que tarda unos segundos en cargar, el problema es que hasta que carga dicho slider se ven los elementos que hay más abajo antes de tiempo (elementos que deberían verse al hacer scroll hacia abajo en la página, no antes), arruinando el efecto.

Cuando carga el slider unos segundos después, el contenido se mueve hacia abajo, a su posición correcta.

En la versión desktop lo he solucionado dandole al div contenedor del slider un height fijo, pero en la versión mobile no puedo darle el height fijo, ya que el slider tiene ancho completo y el height de este dependería del dispositivo...

Dejo el código aquí:

Código HTML:

<div class="slider1-responsive">
  <?php if(function_exists("crellySlider")) crellySlider("slider1-responsive"); ?>
</div>
 

Código CSS:

.slider1-responsive {
    width:100%;
    height:auto;
}