Tema: evitar que los div se solapen
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 05/03/2013, 17:49
Avatar de JManuelMV
JManuelMV
 
Fecha de Ingreso: enero-2013
Ubicación: Apaseo el Alto, Gto, México
Mensajes: 20
Antigüedad: 11 años, 3 meses
Puntos: 1
Respuesta: evitar que los div se solapen
Mira, no se cuanta experiencia tengas en css, yo tampoco soy un experto, pero tener dos clases una entrablogi y la otra entrablogii para el segundo no me parece la mejor opción, ya que al mi parecer estarias agregando un entradablogi por cada uno, lo mejor es usar una sola clase.

Mira le hice unas modificaciones a tu código:

Este es el CSS:

Código CSS: 
Ver original
  1. .eblog{position:relative;}
  2. .eblog img{border:none; float: left;}
  3. .eblog{font-family:Capriola,sans-serif;margin:0 0 40px 40px; width:820px; height:350px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
  4. .eblog a{outline:none;}
  5.     
  6. .entrablogi{position:relative;width:370px;float:left; padding: 10px 10px 10px 10px; margin: 5px 5px;}
  7.  
  8. .entrablogim{position:relative;float:left;}
  9. .entrablogte{position:relative;padding:0px 5px; float: left; margin-left: 10px; width: 200px;}
  10.  
  11. .entrablogex{font-size:12px;}

El HTML:

Código HTML: 
Ver original
  1. <div id="artiblog" class="eblog">
  2.  
  3.     <div class="entrablogi">
  4.          
  5.         <div class="entrablogim">
  6.             
  7.             <div class="post-thumbnail-feed"><a class="lightbox" data-rel="lightbox" title="" href=""><img width="150" height="150" src="" class="attachment-thumbnail wp-post-image" alt="" />
  8.                     </a>
  9.             </div>
  10.         </div>
  11.                         
  12.         <div class="entrablogte">
  13.             <div><a href="">enlace</a></div>
  14.             <div class="entrablogli"></div>
  15.             <div class="entrablogex"></div>
  16.         </div>
  17.                     
  18.     </div>
  19.  
  20.     <div class="entrablogi">
  21.          
  22.         <div class="entrablogim">
  23.             
  24.             <div class="post-thumbnail-feed"><a class="lightbox" data-rel="lightbox" title="" href=""><img width="150" height="150" src="" class="attachment-thumbnail wp-post-image" alt="" />
  25.                     </a>
  26.             </div>
  27.         </div>
  28.                         
  29.         <div class="entrablogte">
  30.             <div><a href="">enlace</a></div>
  31.             <div class="entrablogli"></div>
  32.             <div class="entrablogex"></div>
  33.         </div>
  34.                     
  35.     </div>
  36. </div>

Es la forma en la que lo haria yo, espero te sirva de guia