Problemas com Slideshow e Divs em tela cheia

eugeniocol · 12/03/2017

Hola, un saludo a todos.

Tengo el Slideshow fotos jpg,correo y llamar, pero el problema que tengo es que en vertical vista movil ok, pero al poner en pc la pantalla completa el Slideshow ok pero el correo y llamadas no se ven se monta el div del Slideshow en los div de correo y llamadas, dejo la configuracion de slideshow y del correo y llamadas.
Slideshow:

Inserir CODE, HTML ou PHP:

]* {
   margin:0;
   padding:0;
}

.main {
   position:absolute;  
        top:120; 
   position:center;
   left:12px;
        width:auto;   
   height:auto;   
}
 
.slides {     
   width:90vw; 
   height:auto;
}
 /* Div Fotos que estan dentro*/ 
.slides img {   
   width:90vw; 
   height:auto;
}

.slidesjs-pagination {   
   background:#424242;
   list-style:none;
   overflow:hidden;
}

.slidesjs-pagination li {  
      float:left;       
}
 
.slidesjs-pagination li a {
   display:block;
   padding:6px 3px; 
   color:#fff;
   text-decoration:none;
}
 
.slidesjs-pagination li a:hover {
   background:#FFF;
}
 
.slides .active {
   background:#000; 
}
 
.slidesjs-navigation{
   background:#000;
   color:#fff;
   text-decoration:none;
   display:inline-block;
   padding:6px 10px; 
   float:right;
}

Div correo y llamada:

Inserir CODE, HTML ou PHP:

div#reserva{
   position:absolute;
    top:380px;
   margin-top:auto; 
   background:#f90;    
   left:5vw;
    width:auto;
   height:auto;   
   font-family:tahoma;   
   font-size:80px; 
}

Salud2.:grumpy:

mrtorpedin · 12/03/2017

Deberias dejar la web donde está eso asi es mas facil ver donde está el error

eugeniocol · 12/03/2017

a qui esta Inicio ahora el div de debajo de la foto es un iframe,estrechando el navegador se vera ya que en pantalla completa no se ve el div.

Salud2.

- - - Actualizado - - -

a qui esta Inicio las pruebas nuevas que estoy haciendo con iframe como se puede ver me va mejor que con la idea primera de la pregunta del foro,peroo.... en pantalla completa el diseño es despropocionado con muchos vacios en pantalla, intente poner el div iframe de correo y llamadas ponerlo al lado derecho de fotos intentando que en vista de movil se colocara debajo del div de fotos o sea responsive pero no soy capaz pufff y tengo que poner varios div iframe mas.

en head tengo

Inserir CODE, HTML ou PHP:

 <meta name="viewport" content="width=device-width; user-scalable=no; initial-scale=1; maximun-scale=1; minimun-scale=1">

y como fondo para ajustar la web que me va ok

Inserir CODE, HTML ou PHP:

body{
	/* Ubicación de la imagen */
	  background-image:url(FONDOS%20WEB/Picture_04.jpg);
	  /* Nos aseguramos que la imagen de fondo este centrada vertical y
	    horizontalmente en todo momento */
	  background-position:center center;
	  /* La imagen de fondo no se repite */
	  background-repeat:no-repeat;
	    /* la altura del contenido supere la altura de la imagen. */
	  background-attachment:fixed;
	  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
	     del navegador ´ç si quito este simbolo en pc pantalla no completa */
	  background-size:cover;
	  /* Fijamos un color de fondo para que se muestre mientras se está
	    cargando la imagen de fondo o si hay problemas para cargarla  */
	  background-color:#FFF; /* color de fondo prueba amarillo background-color: #FF6 */	
}

Salud2.

Problemas com Slideshow e Divs em tela cheia

eugeniocol

mrtorpedin

eugeniocol

Tópicos similares