Div full width

kahlo · 28/04/2015

Hola compañeros, estoy montando una web y no sé porqué el div que estoy intentando poner con el texto "¿por qué debería contratarnos?" sale cortado y me gustaría que ocupara siempre todo el ancho de la web: MÃ¡s Q 1 alarma | Seguridad de alarmas

¿Qué es lo que está mal para que aparezca así?

Un saludo.

henrymck · 28/04/2015

A mi no me sale nada cortado 😛 pon captura 🙂

ramonjosegn · 28/04/2015

Yo puedo ver un slider con el texto, eso sí no sale centrado pero se desplaza hacia la izquierda.

Ojo que no estés usando un navegador incompatible con ese tipo de sliders y que no estés usando algún sistema de bloqueo de publicidad online.

TomasVarnik · 28/04/2015

El div se ve bien, aunque no es full width porque tiene una limitacion en px (max-width) según el tamaño de pantalla (@media)

kahlo · 28/04/2015

Gracias a todos por las respuestas.

Os paso aquí una captura donde os muestro dentro de un recuadro rojo el div que me gustaría que ocupara todo el ancho.

Un saludo.

markpardeo · 28/04/2015

Hola.

Tendrías que mover el div con ID "contrato" y ubicarlo antes del div "container col-md-12", pues estas clases están siendo afectados por media queries.

kahlo · 28/04/2015

Así es como lo tengo puesto ahora mismo:

Inserir CODE, HTML ou PHP:

get_header(); ?>

<div id="contrato">¿Por qué debería contratarnos? <img src="http://grupo-dh.com/alarmas/wp-content/uploads/2015/04/info1.png"></img></div>

	<div id="primary-home" class="content-area col-md-12">

	<div id="blog">El blog de su seguridad</div>
	
...

Jcmalco · 15/05/2015

Saludos quizas es div id o class tiene un tamaño en css, modificalo ejemplo:

#primary-home{

width: 100%;

}

darkdraco · 26/06/2015

Tu respuesta debe de ser esta.

<div id="contrato" style="width:100%">

Ahora si usas bootstrap

<div id="contrato" class="content-area col-md-12">

Div full width

kahlo

henrymck

ramonjosegn

TomasVarnik

kahlo

markpardeo

kahlo

Jcmalco

darkdraco

Tópicos similares