Problemas con Slideshow y Divs en pantalla completa

eugeniocol · 12 Mar 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:

Insertar CODE, HTML o 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:

Insertar CODE, HTML o 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 Mar 2017

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

eugeniocol · 12 Mar 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

Insertar CODE, HTML o 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

Insertar CODE, HTML o 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 con Slideshow y Divs en pantalla completa

eugeniocol

mrtorpedin

eugeniocol

Temas similares