He creado un nuevo sitio web basado en Bootstrap 3 y necesito colocar dos divs (banners publicitarios) fuera de la clase contenedor.
El primero va a la izquierda de la página yel segundo en el lado derecho de la página. Todo funciona bien, pero tengo un pequeño problema en dispositivos pequeños. Veo el segundo banner que a la derecha de la página se superpone al contenedor. Aquí está mi código CSS:
position:absolute;
left:0;
top:0;
Y una captura de pantalla del problema (Desktop vs HTC One X) http://www11.0zz0.com/2016/01/24/04/143938558.png
El sitio web en cuestión es http://eljadida24.com
Respuestas
2 para la respuesta № 1Su sitio web no responde, lo cual es una causa importante de este problema.
Para dispositivos pequeños, creo que deberías comprobar consulta de medios para organizar individualmente diferentes elementos HTML para diferentes medios, es decir, tamaños de pantalla.
Además, si desea que los elementos se deslicen automáticamente según el tamaño de la pantalla, entonces Cuadrícula 960 es una opcion
Y si no desea que los elementos se coloquen hacia abajo en la siguiente línea y solo para cambiar el tamaño a elementos más pequeños en pantallas más pequeñas, marque Desarrollo web receptivo aquí. En responsive necesita convertir todos los elementos con un tamaño medido en píxeles "px" al porcentaje "%". Para el mismo sitio web, la conversión de "px" a "%" se puede hacer usando este sitio web.
1 para la respuesta № 2
Reemplace la width de las pancartas y el área de contenido y ya está configurado. Ninguna pancarta se superpondrá al área de contenido en ningún ancho.