Diseño responsable Tengo una duda y necesito algo de ayuda. Soy un recién llegado a esto del diseño, y estoy peleando con una página de mi sitio para que sea visible en dispositivos móviles sin problemas.
¿Cuál sería el código CSS que necesito añadir para que cuándo se re-dimensiona a dispositivos móviles los div no queden fuera de pantalla? El resto del sitio, (header, sidebar, footer, etc...) se ve correctamente por que la plantilla lleva código para esos elementos. Mi problema ahora al crear una nueva página desde la plantilla es que el contenido se sale y no lo re-dimensiona.
El código html es el siguiente:
Código HTML:
<div style="background: url(/wp-content/img/box_marketing_top.png) no-repeat; width: 800px; height: 400px; z-index:-1;> <div class="row"> <div style="width: 370px; height: 216px; padding: 40px 40px;"> <h2>Título</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque vulputate velit, ac ultrices libero consequat in. Donec ac mi sed leo rutrum pellentesque fringilla sed augue. Nullam a nisl eros. Aenean ante quam, viverra sed consequat vitae, malesuada in dolor. Ut sit amet tortor nec lectus congue rutrum ac semper velit. Nullam accumsan tristique ante, vitae euismod urna consectetur quis. Praesent non viverra felis. Nullam convallis posuere tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean id magna neque. Vivamus condimentum dolor non eros mattis tincidunt. Nullam congue tincidunt ligula, bibendum laoreet enim ultricies eu. </div> </div> </div> <div style="background: url(/wp-content/img/box_marketing_bottom.png) no-repeat;width:800px;height:400px; z-index:-1;> <div class="row"> <div style="width: 370px; height: 216px; padding: 40px 40px;"> <h2>Título</h2> <h4>Título 2</h4> <br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque vulputate velit, ac ultrices libero consequat in. Donec ac mi sed leo rutrum pellentesque fringilla sed augue. Nullam a nisl eros. Aenean ante quam, viverra sed consequat vitae, malesuada in dolor. Ut sit amet tortor nec lectus congue rutrum ac semper velit. Nullam accumsan tristique ante, vitae euismod urna consectetur quis. Praesent non viverra felis. Nullam convallis posuere tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean id magna neque. Vivamus condimentum dolor non eros mattis tincidunt. Nullam congue tincidunt ligula, bibendum laoreet enim ultricies eu. </div> </div> </div>
