Tema: Cuatro divs alineados
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/06/2011, 07:26
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 9 meses
Puntos: 21
Respuesta: Cuatro divs alineados
Código CSS: 
Ver original
  1. #page {
  2.     width: 980px;
  3.     text-align: justify;
  4.     margin-top: 15px;
  5.     margin-right: auto;
  6.     margin-bottom: 45px;
  7.     margin-left: auto;
  8.     position:relative;
  9.     }
  10.  
  11. #contenedor1 {
  12.     float: left;
  13.     width:457px;
  14.     text-align: center;
  15.     margin-top: 10px;
  16.         
  17.     }
  18.     
  19. #contenedor2{
  20.     float: right;
  21.     width:457px;
  22.     margin-top: 10px;
  23.         
  24.     }
  25.     
  26. #contenedor3{
  27.     float:left;
  28.     width:457px;
  29.     margin-top: 20px;
  30.     margin-bottom:45px;
  31.     margin-right:66px;
  32.     }
  33.         
  34. #contenedor4{
  35.     float:right;
  36.     width:457px;
  37.     margin-top: 20px;
  38.     }

PRUEBA ESTO:
Código CSS: 
Ver original
  1. #page {
  2.     width: 980px;
  3.         height: 1%;
  4.     text-align: left;
  5.         margin: 15px auto 45px;
  6.     position:relative;
  7.         overflow: hidden;
  8.     }
  9.  
  10. #contenedor1, #contenedor2, #contenedor3, #contenedor4 {
  11. width: 457px;
  12. }
  13.  
  14. #contenedor1, #contenedor3 { float: left; }
  15. #contenedor2, #contenedor4 { float: right; }
  16.  
  17. #contenedor1 {
  18.     text-align: center;
  19. }
  20.  
  21. #contenedor1, #contenedor2 { 
  22. margin-top: 10px;
  23. }
  24.  
  25. #contenedor3 {
  26.     margin: 20px 66px 45px 0;
  27. }
  28.  
  29. #contenedor4{
  30.     margin-top: 20px; /* Esto es correcto? */
  31. }

Prueba esto y nos dices.

Saludos.
__________________
_