Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Div se mueve cuando el de encima crece

Estas en el tema de Div se mueve cuando el de encima crece en el foro de CSS en Foros del Web. No sabia muy bien como explicarlo en el titulo. El caso es que tengo una serie de divs colocados en dos columnas con float, que ...
  #1 (permalink)  
Antiguo 11/04/2013, 02:55
 
Fecha de Ingreso: octubre-2011
Ubicación: bilbao
Mensajes: 218
Antigüedad: 7 años, 11 meses
Puntos: 28
Div se mueve cuando el de encima crece

No sabia muy bien como explicarlo en el titulo. El caso es que tengo una serie de divs colocados en dos columnas con float, que muestran titulares.

Funcionaba bien hasta que cree nuevas entradas (uso wordepress) y se han descolocado los divs. En principio no tenia ni idea de que pasaba, pero tras investigarlo, creo que ocurre esto.

Cuando el tercer div tiene un titular de más de una linea, el quinto, que deberia ir justo debajo se desplaza a la posicion del sexto div. El problema es que no se por que pasa esto, ni tampoco como solucionarlo.

Les dejo el codigo y una imagen ya que lo tengo en local y no puedo poner una imagen.

Código PHP:
<div class="excerptContList">
<div class="thumbnailList"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('home3'); } ?></div>
<div class="excerptList">
<span class="WidgetCategory"><?php the_category(' '?></span><span class="ListTitulo"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
<span class="date"><?php echo get_the_date(); ?> | <?php the_author(); ?></span>
</div>
</div><!-- end -->

Código CSS:
Ver original
  1. .excerptContList { width:48%; float:left; margin-bottom: 1%; padding-bottom:1%; border-bottom:#666 dashed 1px;}
  2. .excerptContList:nth-child(odd) { margin-left:4%;}
  3. .excerptContList a{ text-decoration:none; color:#000;}
  4. .thumbnailList{ width:20%; float:left; }
  5. .thumbnailList img {width:100%; height:60px; display:block; margin: 0 auto; border:#666 solid 1px; padding:3px;}
  6. .excerptList {  width:75%; float:right; margin:5px 0 0 10px;  }
  7. .WidgetCategory { padding:1% 2%; background:#A1C436; font-weight:bold; overflow:hidden; margin-right:5px;}
  8. .ListTitulo { line-height:1.6em;}
  9. .excerptList .date { display:block; font-size:0.8em; margin-top:4px;}
  10.  
  11. .excerptContWidget { width:100%; overflow:hidden; margin: 10px 0 0 0; padding-bottom:3%; border-bottom:#666 dashed 1px;}
  12. .excerptWidget p { font-size:1.2em; line-height:0.5em;}




EDITO: no se por que no se ve la imagen...
  #2 (permalink)  
Antiguo 11/04/2013, 03:11
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 1 mes
Puntos: 2111
Respuesta: Div se mueve cuando el de encima crece



¿Lo tienes online? He probado pero no soy capaz de reproducir el error.
  #3 (permalink)  
Antiguo 11/04/2013, 03:19
 
Fecha de Ingreso: octubre-2011
Ubicación: bilbao
Mensajes: 218
Antigüedad: 7 años, 11 meses
Puntos: 28
Respuesta: Div se mueve cuando el de encima crece

No, estoy trabajando en local, por eso he puesto la imagen. Por cierto, gracias por hacer que se vea la imagen.
  #4 (permalink)  
Antiguo 11/04/2013, 03:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 1 mes
Puntos: 2111
Respuesta: Div se mueve cuando el de encima crece

Bueno, ¿y poner el código completo (HTML/CSS) en un jsfiddle/jsbin/codepen?
  #5 (permalink)  
Antiguo 11/04/2013, 03:34
 
Fecha de Ingreso: octubre-2011
Ubicación: bilbao
Mensajes: 218
Antigüedad: 7 años, 11 meses
Puntos: 28
Respuesta: Div se mueve cuando el de encima crece

No sabia que eran esos nombre estoy curioseando en codepen, no se como funciona.

Haber si esto sirve:

Código PHP:
<?php get_header(); ?>

<?php if (get_option('Sidebar') == 3){
    
get_sidebar('');
    }  elseif (
get_option('Sidebar') == 4){
    
get_sidebar('dos');
    }  elseif (
get_option('Sidebar') == 6){
    
get_sidebar('dos');
    
get_sidebar();
    } 
    
?>

<div id="posts">

<?php if (get_option('Breadcrumb')) {?>
<div class="breadcrumbHome"><?php the_breadcrumb(); ?></div>
<?php ?>

<div id="modulos">

<?php $sticky get_option('sticky_posts'); ?>


<?php //Definir los parámetros de la consulta a la base de datos
$args = array( 
'post__in' => $sticky,
'caller_get_posts' => 
) ;
$loop_alternativo = new WP_Query($args);
if( 
$loop_alternativo->have_posts() ):
    while( 
$loop_alternativo->have_posts() ): $loop_alternativo->the_post(); ?>
 
       <div <?php post_class(); ?>>
<div class="Sticky">
<div class="Sticky-thumbnail"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('home1'); } ?></div>
<div class="Sticky-excerpt">
<h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
<?php the_excerpt(); ?></div>
</div><!-- end -->
</div>
    <?php endwhile; endif;?>
<?php wp_reset_postdata
(); ?>


<?php //Definir los parámetros de la consulta a la base de datos
$args = array(
 
'post__not_in' => $sticky,
 
'posts_per_page' => 4
 
) ;
$loop_alternativo = new WP_Query($args);
if( 
$loop_alternativo->have_posts() ):
    while( 
$loop_alternativo->have_posts() ): $loop_alternativo->the_post();
       
?>
<div class="excerptCont">
<div class="thumbnail"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('home'); } ?></div>
<div class="excerpt">
<h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
<?php the_excerpt(); ?></div>
</div>
<?php         
    
endwhile;
endif;
wp_reset_postdata(); ?>


<?php //Definir los parámetros de la consulta a la base de datos
$args = array(
    
'post__not_in' => $sticky,
    
'posts_per_page' => 6,
    
'cat'  => 7
);
$loop_alternativo = new WP_Query($args);
if( 
$loop_alternativo->have_posts() ):
    while( 
$loop_alternativo->have_posts() ): $loop_alternativo->the_post();
       
//Ya estamos en el bucle alternativo
       
?>
       
<div class="excerptContList">
<div class="thumbnailList"><?php if ( has_post_thumbnail() ) { the_post_thumbnail('home3'); } ?></div>
<div class="excerptList">
<span class="WidgetCategory"><?php the_category(' '?></span><span class="ListTitulo"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
<span class="date"><?php echo get_the_date(); ?> | <?php the_author(); ?></span>
</div>
</div><!-- end -->
   <?php  endwhile;
endif;
wp_reset_postdata(); ?>

</div><!--- end modulos -->


</div><!-- end posts -->


<?php if (get_option('Sidebar') == 2){
    
get_sidebar();
    }elseif (
get_option('Sidebar') == 4){
    
get_sidebar();
    }  elseif (
get_option('Sidebar') == 5){
    
get_sidebar('dos');
    
get_sidebar();
    }  
    
?>
    
</div>
<?php get_footer();?>
  #6 (permalink)  
Antiguo 11/04/2013, 03:38
 
Fecha de Ingreso: octubre-2011
Ubicación: bilbao
Mensajes: 218
Antigüedad: 7 años, 11 meses
Puntos: 28
Respuesta: Div se mueve cuando el de encima crece

Código CSS:
Ver original
  1. * { margin: 0; padding: 0; list-style-position:inside; outline:#93d22b; box-sizing:border-box;}
  2. html { font-size:100%; height:100%; font-family:sans-serif;}
  3. body { width:100%; font-size:0.8rem; background:#FFF; }
  4. img { border:none;}
  5.  
  6.  
  7. /*---HEADER---*/
  8. header { width:100%; overflow:hidden; margin:0 auto;}
  9. .title { width:50%; float:left; margin-top:15px;}
  10. .title a { color:#111; font-family: 'Ultra'; font-size:5em; font-weight:bold; text-decoration:none;  float:left;}
  11. .widgetHeader {  height:80px; overflow:hidden; margin: 2% 0 1% 0;}
  12. .widgetHeaderTitle{ display:none;}
  13.  
  14. /*---NAV--*/
  15. #menu {line-height:25px; width:100%; float:left; font-size:1.3em; list-style: none; }
  16. #menu a { color:#363738;float:left; text-decoration: none;}
  17. #menu li { float:left; padding: 5px 20px; position:relative;}
  18. #menu li:hover {background: #A1C436;}
  19. #menu li li a { color:#000;}
  20. #menu li li:first-child { margin-left:0;}
  21. #menu li ul {display:none;  position:absolute; left:0; top:45px; background:#fff; box-shadow: 0 2px 7px #000; z-index:300;}
  22. #menu li li {list-style:none; width:120px;}
  23. #menu li:hover ul {display:block;}
  24. .current-menu-item  {background: #A1C436;}
  25. .current-menu-parent {  background:#A1C436;}
  26. /*---SINGLE, PAGE-*/
  27. #wrapper { width:92%; overflow:hidden; background:#fff; padding: 0 3%; margin:0 auto; }
  28. #posts { width:69.5%; float:left; padding-right: 3%; margin-top:10px;}
  29. #posts h1 { font-size:2.5em;  width:100%; overflow:hidden; }
  30. h2 { font-size: 1.5em; margin: 3% 0 1% 0;}
  31. h2 a { text-decoration:none; color:#000;}
  32. .imprimir { width:25%; float:right;}
  33. .imprimir a { text-decoration:none; color:#000; float:right; display:block; }
  34. .imprimir a:hover{ text-decoration:underline;}
  35. .social2 { width:100%; margin: 5% 0 0 0; overflow:hidden; border-top:1px #A1C436 solid;padding:2% 0 0 0;}
  36. .social2 p { font-size: 1.2em; font-weight: 600; }
  37. .botones { margin-top:15px; width:100%;}
  38. .tw { float:left;}
  39. .g-plusone { }
  40. article {line-height:1.7; font-size:1.2em;}
  41. #posts li { font-size:1.2em; line-height:1.7;  margin-bottom:1em;}
  42. #posts li a { }
  43. p { margin-bottom:1em;}
  44. p img { display:block; margin: 2% auto; max-width:100%; padding:0.7%; border:#999 1px solid; border-radius:3px; box-shadow: -3px 3px 5px #999; }
  45. p a { color:#A1C436;}
  46. #prePost { margin-bottom:20px; overflow:hidden;}
  47. .breadcrumbHome { font-size:1.3em; margin-bottom: 20px; }
  48. .breadcrumb{ font-size:1.3em; width:75%; float:left;}
  49. .metabox { margin: 0 0 1.5% 0; overflow:hidden;}
  50. .metabox a, .breadcrumb a, .breadcrumbHome a { color:#A1C436; text-decoration: none;}
  51. .metabox a:hover, .breadcrumb a:hover, .breadcrumbHome a:hover{ text-decoration:underline;}
  52. .meta {background-repeat: no-repeat; padding-left:20px;margin-bottom: 4px;float:left;height:16px;background-position: center left;}
  53. .category {background-image:url(images/cate.png);}
  54. .tags{background-image:url(images/tag.gif);}
  55. .post-links { width:100%;border-top: 1px #A1C436 solid;  border-bottom: 1px #A1C436 solid; overflow:hidden; padding: 2% 0; margin:2% 0;}
  56. .previous { width:50%; float:left; font-size:1.5em; font-weight:600;}
  57. .previous a, .next a{ color:#A1C436; text-decoration: none;}
  58. .previous a:hover, .next a:hover{ text-decoration:underline;}
  59. .next { width:50%; float:right; text-align:right; font-size:1.5em; font-weight:600;}
  60.  
  61. /*---INDEX----------------------------------------------------------------------------------------------------------*/
  62. .Sticky { width:100%; overflow:hidden;  margin-bottom:20px; }
  63. .Sticky-excerpt p { font-size:1.2em; line-height:1.4em;}
  64. .Sticky-excerpt h1{ line-height:0.8em; }
  65. .Sticky-excerpt h1 a{ text-decoration:none; color:#000; font-size:0.6em; }
  66. .Sticky-thumbnail{ width:100%; }
  67. .Sticky-thumbnail img {width:100%; display:block; margin: 0 auto;}
  68. .Sticky-excerpt {  width:100%; }
  69.  
  70. .excerptCont { width:49%; margin-bottom:20px; float:left;}
  71. .excerptCont:nth-child(odd){ margin-left:2%;}
  72. .excerpt p { font-size:1.2em; line-height:1.4;}
  73. .excerpt h1{ font-size:0.6em; line-height:0.8em; }
  74. .excerpt h1 a{ text-decoration:none; color:#000; font-size:0.7em; }
  75. .thumbnail{ width:100%; }
  76. .thumbnail img {width:100%; height:200px; }
  77. .excerpt {  width:100%; }
  78.  
  79.  
  80. .excerptContArchive { width:49%; margin-bottom:20px; float:left;}
  81. .excerptContArchive:nth-child(odd){ margin-left:2%;}
  82. .excerptArchive p { font-size:1.2em; line-height:1.4;}
  83. .excerptArchive h1 a{ text-decoration:none; color:#363738; font-size:0.8em; }
  84. .thumbnailArchive{ width:100%; }
  85. .thumbnailArchive img {width:100%; height:200px; }
  86. .excerptArchive {  width:100%; }
  87.  
  88. #modulos{ overflow:hidden;}
  89. .excerptContList { width:48%; float:left; margin-bottom: 1%; padding-bottom:1%; border-bottom:#666 dashed 1px;}
  90. .excerptContList:nth-child(odd) { margin-left:4%;}
  91. .excerptContList a{ text-decoration:none; color:#000;}
  92. .thumbnailList{ width:20%; float:left; }
  93. .thumbnailList img {width:100%; height:60px; display:block; margin: 0 auto; border:#666 solid 1px; padding:3px;}
  94. .excerptList {  width:75%; float:right; margin:5px 0 0 10px;  }
  95. .WidgetCategory { padding:1% 2%; background:#A1C436; font-weight:bold; overflow:hidden; margin-right:5px;}
  96. .ListTitulo { line-height:1.6em;}
  97. .excerptList .date { display:block; font-size:0.8em; margin-top:4px;}
  98.  
  99. .excerptContWidget { width:100%; overflow:hidden; margin: 10px 0 0 0; padding-bottom:3%; border-bottom:#666 dashed 1px;}
  100. .excerptWidget p { font-size:1.2em; line-height:0.5em;}
  101. .thumbnailWidget{ width:17%; float:left; }
  102. .thumbnailWidget img {width:100%; height:50px; display:block; margin: 0 auto; border:#666 solid 1px; padding:3px;}
  103. .excerptWidget {  width:78%; float:right; margin:0 0 0 10px; }
  104. .excerptWidget .date { display:block; font-size:0.7em; margin-top:4px;}
  105.  
  106. /*---SIDEBARS---*/
  107. aside { width:30.5%;float:right; margin:10px 0 50px 0; line-height:1.4; font-size:1.2em;}
  108. .widget{ overflow:hidden; width:100%; margin-bottom:3%; padding-bottom:2%;}
  109. .widget li {list-style:none; padding:3%;}
  110. .widget li:hover { background:#A1C436; text-decoration:none;}
  111. .widget a{ text-decoration:none; color:#363738; }
  112. .widgetTitle {font-size:1.1em; font-weight:bold; color:#fff; margin-bottom: 1%; padding:2%; background:#111;}
  113. .tagcloud a { width:auto; float:left; margin: 1%; color:#000; padding:0.7% 2.5%; text-decoration:none;}
  114. .tagcloud a:hover{ text-decoration:underline; background:#A1C436;}
  115.  
  116. .HomeWidget { width:42%; float:left; margin-top:20px; margin:2%;}
  117. .HomeWidget1 { width:100%; padding-left:5%; float:left; margin-top:20px;}
  118. .widgetHome{ overflow:hidden; width:100%; margin-bottom:3%; padding-bottom:2%;}
  119. .widgetHome li {list-style:none; padding:3%;}
  120. .widgetHome li:hover { background:#A1C436; text-decoration:none;}
  121. .widgetHome a{ text-decoration:none; color:#000; }
  122. .contenedor1{ width:70%; float:left;}
  123. .contenedor2{ width:30%; float:right;}
  124.  
  125.  
  126. /*---FOOTER---*/
  127. footer { width:92%; margin: 0 auto; background:#111; overflow:hidden; font-size: 1.3em; margin-top:1%; }
  128. footer a { color:#FFF; text-decoration:none;}
  129. footer a:hover { text-decoration:underline;}
  130.  
  131. #footerWidgetCont { width: 100%; overflow:hidden; border-bottom: 1px solid #595959; margin-top:20px; }
  132. .widgetFooter { width: 29.3%; float:left; margin-right:3%;  padding-bottom:2%;}
  133. .widgetFooter:nth-child(3n+1) { margin-left:3%;}
  134. .widgetFooter li {list-style:none; padding:3%;}
  135. .widgetFooter li:hover { background:#A1C436; text-decoration:none;}
  136. .widgetFooter a{ text-decoration:none; color:#fff; }
  137. .widgetFooterTitle {font-size:1.1em; font-weight:bold; color:#000; margin-bottom: 1%; padding:2%; background:#A1C436;}
  138.  
  139. #footerDown { width:100%; padding: 0 5%; border-top:1px solid #CCC;}
  140. #footerLinks { width:60%; float:left; padding:10px 0; overflow:hidden;}
  141. #footerLinks li { float:left; color:#FFF; list-style:none; margin-right: 25px;}
  142. #footerText { float:right; width:40%; padding:10px 0; color:#FFF;}
  143. #footerText p{ float:right; margin-bottom:0;}
  #7 (permalink)  
Antiguo 11/04/2013, 04:03
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 1 mes
Puntos: 2111
Respuesta: Div se mueve cuando el de encima crece

No es por ser puñetero, pero te comentaba lo de HTML/CSS precisamente para que no pusieras PHP. Con PHP no puedo probar nada.

En este foro intenta poner siempre HTML. Porque tu problema está relacionado con CSS, nada que ver con PHP, y siendo un problema de CSS, el HTML es necesario para ver la estructura.
  #8 (permalink)  
Antiguo 11/04/2013, 04:29
 
Fecha de Ingreso: octubre-2011
Ubicación: bilbao
Mensajes: 218
Antigüedad: 7 años, 11 meses
Puntos: 28
Respuesta: Div se mueve cuando el de encima crece

Disculpa, no te habia entendido.

Código HTML:
Ver original
  1. <div class="excerptContList">
  2. <div class="thumbnailList"><img width="50" height="50" src="http://localhost/pruebasphp/wordpress/wp-content/uploads/2013/04/paisajes-3d-naturaleza-50x50.jpeg" class="attachment-home3 wp-post-image" alt="paisajes-3d-naturaleza" /></div>
  3. <div class="excerptList">
  4. <span class="WidgetCategory"><a href="http://localhost/pruebasphp/wordpress/?cat=7" title="Ver todas las entradas en ofertas" rel="category">ofertas</a></span><span class="ListTitulo"><a href="http://localhost/pruebasphp/wordpress/?p=141" title="Why is this happen?">Why is this happen?</a></span>
  5. <span class="date">10 abril, 2013 | Laura</span>
  6. </div>
  7. </div><!-- end -->
  8.          
  9. <div class="excerptContList">
  10. <div class="thumbnailList"><img width="50" height="50" src="http://localhost/pruebasphp/wordpress/wp-content/uploads/2013/04/images-50x50.jpg" class="attachment-home3 wp-post-image" alt="images" /></div>
  11. <div class="excerptList">
  12. <span class="WidgetCategory"><a href="http://localhost/pruebasphp/wordpress/?cat=7" title="Ver todas las entradas en ofertas" rel="category">ofertas</a></span><span class="ListTitulo"><a href="http://localhost/pruebasphp/wordpress/?p=89" title="Two hundred dollars has been inverted in I+D+I">Two hundred dollars has been inverted in I+D+I</a></span>
  13. <span class="date">9 abril, 2013 | Laura</span>
  14. </div>
  15. </div><!-- end -->
  16.          
  17. <div class="excerptContList">
  18. <div class="thumbnailList"><img width="50" height="50" src="http://localhost/pruebasphp/wordpress/wp-content/uploads/2013/04/images-3-50x50.jpg" class="attachment-home3 wp-post-image" alt="images-(3)" /></div>
  19. <div class="excerptList">
  20. <span class="WidgetCategory"><a href="http://localhost/pruebasphp/wordpress/?cat=7" title="Ver todas las entradas en ofertas" rel="category">ofertas</a></span><span class="ListTitulo"><a href="http://localhost/pruebasphp/wordpress/?p=120" title="The production of meal in EEUU is decressing">The production of meal in EEUU is decressing</a></span>
  21. <span class="date">9 abril, 2013 | Laura</span>
  22. </div>
  23. </div><!-- end -->
  24.          
  25. <div class="excerptContList">
  26. <div class="thumbnailList"><img width="50" height="50" src="http://localhost/pruebasphp/wordpress/wp-content/uploads/2013/04/images-1-50x50.jpg" class="attachment-home3 wp-post-image" alt="images-(1)" /></div>
  27. <div class="excerptList">
  28. <span class="WidgetCategory"><a href="http://localhost/pruebasphp/wordpress/?cat=7" title="Ver todas las entradas en ofertas" rel="category">ofertas</a></span><span class="ListTitulo"><a href="http://localhost/pruebasphp/wordpress/?p=125" title="I dont know what title put in this entry">I dont know what title put in this entry</a></span>
  29. <span class="date">8 abril, 2013 | Laura</span>
  30. </div>
  31. </div><!-- end -->
  32.          
  33. <div class="excerptContList">
  34. <div class="thumbnailList"><img width="50" height="50" src="http://localhost/pruebasphp/wordpress/wp-content/uploads/2013/04/images-6-50x50.jpg" class="attachment-home3 wp-post-image" alt="images-(6)" /></div>
  35. <div class="excerptList">
  36. <span class="WidgetCategory"><a href="http://localhost/pruebasphp/wordpress/?cat=7" title="Ver todas las entradas en ofertas" rel="category">ofertas</a></span><span class="ListTitulo"><a href="http://localhost/pruebasphp/wordpress/?p=55" title="Finished the building of the higher tower">Finished the building of the higher tower</a></span>
  37. <span class="date">4 abril, 2013 | Laura</span>
  38. </div>
  39. </div><!-- end -->
  40.          
  41. <div class="excerptContList">
  42. <div class="thumbnailList"><img width="50" height="50" src="http://localhost/pruebasphp/wordpress/wp-content/uploads/2013/04/images-2-50x50.jpg" class="attachment-home3 wp-post-image" alt="images-(2)" /></div>
  43. <div class="excerptList">
  44. <span class="WidgetCategory"><a href="http://localhost/pruebasphp/wordpress/?cat=7" title="Ver todas las entradas en ofertas" rel="category">ofertas</a></span><span class="ListTitulo"><a href="http://localhost/pruebasphp/wordpress/?p=123" title="The visit of Rihanna to city stadium this weekend">The visit of Rihanna to city stadium this weekend</a></span>
  45. <span class="date">3 abril, 2013 | Laura</span>
  46. </div>
  47. </div><!-- end -->
  #9 (permalink)  
Antiguo 11/04/2013, 04:36
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 1 mes
Puntos: 2111
Respuesta: Div se mueve cuando el de encima crece

No me sale ningún error: http://jsbin.com/ateham/1/edit
  #10 (permalink)  
Antiguo 11/04/2013, 04:55
 
Fecha de Ingreso: octubre-2011
Ubicación: bilbao
Mensajes: 218
Antigüedad: 7 años, 11 meses
Puntos: 28
Respuesta: Div se mueve cuando el de encima crece

Gracias, por tu ayuda. Lo he arreglado metiendo estos divs dentro de otro que hace de contenedor.

Me dado cuenta por que no te daba error al poner solo el codigo de los divs en cuestion y por que cuando hago pequeña la ventana ( es responsive) a veces se ven bien y otras no, ademas de que los otros elementos del index les ocurria lo mismo cuando la ventana es más pequeña.

Asi que todos dentro de un div contenedor y resuelto.

Siento haber mareado la perdiz siendo una tonteria lo que me pasaba, es que no le encontraba sentido.

Etiquetas: divs, encima, mueve, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:21.