Tema: Problema usando float y position, perdiendo el alto de div viendose mal los demas div
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/07/2012, 15:42
Avatar de memoadian
memoadian
Colaborador
  
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: Problema usando float y position, perdiendo el alto de div viendose mal lo
Yo creo que atacaste mal el problema no se para que usaste position absolute si con margins negativos se puede hacer.

Ahí te va un ejemplo

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <head>
  3.     <title>Hola</title>
  4.     <style type="text/css">
  5.         *{margin:0 auto;}
  6.         .primero{
  7.             background-color:yellow;
  8.             padding: 40px 0;
  9.             width:960px;
  10.             position: relative;
  11.         }
  12.         .segundo{
  13.             background-color: red;
  14.             padding: 100px 0;
  15.             width:900px;
  16.             position: relative;
  17.             z-index:2;
  18.             margin-top:-30px;
  19.             margin-bottom:-30px;
  20.         }
  21.         .tercero{
  22.             background-color: blue;
  23.             width:960px;
  24.             padding: 40px 0;
  25.             position: relative;
  26.         }
  27.     </style>
  28. </head>
  29. <body>
  30.     <div class="primero"></div>
  31.     <div class="segundo"></div>
  32.     <div class="tercero"></div>
  33. </body>

de ahí te puedes dar una idea.