[SOLUCIONADO] Problema con responsive design para medidas de IPAD

[madman_18]

Hola a todos.

Estoy mirando el diseño de mi página web, y tengo un "problema" en el diseño cuando se visualiza desde un ipad.

He revisado todos los elementos y ninguno tiene un tamaño exagerado ni nada sin embargo cuando lo visualizo siempre me aparece el scroll para desplazarme horizontalmente y no sé por qué.

os pongo todo mi CSS porque ya no sé qué mirar...

Código CSS:

/* CONTENEDORES Y CONTENIDOS ================================================ */
#contenedor{width:100%;height: auto;min-height:100%;position:absolute;top:0px;}
#texto-seccion{width:50%;height: 100%;position:absolute;left:0;top:0;float:left;z-index: 90;background: #0C3C1A;
               font-family: 'Handlee', san-serif;
               transform:skew(-32deg, 0deg);
               -moz-transform:skew(-32deg, 0deg);-webkit-transform: skew(-32deg, 0deg);
               -ms-transform: skew(-32deg, 0deg);-o-transform: skew(-32deg, 0deg);
}
#configura-texto{width:100%;height:auto;position:relative;top:60px;
                 transform:skew(32deg, 0deg);
                -moz-transform:skew(32deg, 0deg);-webkit-transform: skew(32deg, 0deg);
                -ms-transform: skew(32deg, 0deg);-o-transform: skew(32deg, 0deg);
}
#titulo-parrafo{width:100%;height:auto;margin:0 auto;text-align: right;font-size: 32pt;padding-bottom: 5px;border-bottom: 2px solid #C0D103;}
#primer-bloque,#segundo-bloque,#tercer-bloque{width:65%;height:auto;position:relative;left:20px;margin:0 auto;padding: 10px 0 10px 0;}
#primer-bloque{padding-top: 15px;}
 
@media screen and (max-width:768px){    
    #texto-seccion{width:60%;}
    #nav{font-size: 10pt;}
    #titulo-parrafo{width:100%;position:relative;left:0px;}
    #configura-texto{left:0;transform:skew(0deg, 0deg);background:none !important;
                     -moz-transform:skew(32deg, 0deg);-webkit-transform: skew(32deg, 0deg);
                     -ms-transform: skew(32deg, 0deg);-o-transform: skew(32deg, 0deg);
    }
    #primer-bloque{display:block;width:65%;height:auto;position:relative;left:20px;margin:0 auto;padding: 10px 0 10px 0;background:none;}
    #segundo-bloque{display:block;width:70%;height:auto;position:relative;left:40px;margin:0 auto;padding: 40px 0 10px 0;font-size: 10pt;}   
    #galeria-fotos,#galeria-fotosProd{margin-top:-50px;}
    .tabla-contacto{left:90px;}
    #comentarios{width:100px !important;}  
    #mapa-contacto{width:70%;right:0 !important;}
}
 

Gracias por vuestra ayuda!

[pzin]

Dos cosas; sin el HTML poco se te podrá decir, porque no se sabe para qué es cada cosa y, intenta postear un código CSS más legible, con un atributo por linea y si vas a indentarlo, hacerlo bien.

[madman_18]

Iniciado por Bonez

Dos cosas; sin el HTML poco se te podrá decir, porque no se sabe para qué es cada cosa y, intenta postear un código CSS más legible, con un atributo por linea y si vas a indentarlo, hacerlo bien.

Hola Bonez, no he entendido muy bien eso de poner un atributo por línea...

Pero bueno, sólo decir que ya he encontrado el problema ;) gracias :)