Tema: Duda simple...
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/03/2015, 12:54
dav1c1n
 
Fecha de Ingreso: marzo-2015
Ubicación: Asturias
Mensajes: 1
Antigüedad: 9 años, 8 meses
Puntos: 0
Duda simple...
Muy buenas a todos, tengo una duda bastante simple pero que aun no encontre respuesta, al lio. Seria correcto crear un div que abarque toda la estructura del body, para despues en css aplicarle responsive? Si mal no entendi, creo que los div deberian usarse para imagenes o video, no se si puede haber inconvenientes en que un div abarque todo el contenido, me refiero a problemas con los buscadores y demas. que opinais?

Código HTML: 
Ver original
  1. <body>
  2.     <div class="responsive">
  3.  
  4.     <header>
  5.         <div id="logo"><p><a href="#"></a></p></div>
  6.         <nav>
  7.             <ul>
  8.                 <li><a href="#">Inicio</a></li>
  9.             </ul>
  10.         </nav>
  11.     </header>
  12.  
  13.     <section id="contenedor">
  14.         
  15.         <section id="main">
  16.             
  17.             <section id="bienvenidos">
  18.                 <hgroup><h3>Titulo de bienvenida</h3></hgroup>
  19.                 <p>
  20.                     <ul>
  21.                         <li>aqui una descripcion</li>
  22.                 </p>
  23.             </section>
  24.  
  25.             <section id="articulos">
  26.                 <article>
  27.                     <hgroup><h2 class="titulo">Titulo de mi articulo</h2></hgroup>
  28.                     <p class="fecha">22 marzo de 2015</p>
  29.                     <img class="thumb" src="#">
  30.                     <p>contenido de nuestro articulo</p>
  31.                 </article>
  32.                 <article>
  33.                     <hgroup><h2 class="titulo">Titulo de mi articulo</h2></hgroup>
  34.                     <p class="fecha">22 marzo de 2015</p>
  35.                     <img class="thumb" src="#">
  36.                     <p>contenido de nuestro articulo</p>
  37.                 </article>
  38.             </section>
  39.  
  40.             <section class="widget">
  41.                 <h3>articulos recientes</h3>
  42.                 <ul>
  43.                     <li><a href="#">----</a></li>
  44.                 </ul>
  45.             </section>
  46.  
  47.             <section class="widget">
  48.                 <h3>articulos recientes</h3>
  49.                 <img class="thumb" src="#" alt="#">
  50.             </section>
  51.  
  52.         </section>
  53.  
  54.     </section>
  55.  
  56.     </div>
  57.     
  58. </body>
Última edición por Rafael; 23/03/2015 a las 08:13