Tema: Tres columnas, la del medio centrada
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/03/2013, 10:49
Avatar de falconeta8
falconeta8
 
Fecha de Ingreso: mayo-2012
Mensajes: 53
Antigüedad: 12 años
Puntos: 0
Respuesta: Tres columnas, la del medio centrada
Así...

Código CSS: 
Ver original
  1. .wrapper{
  2.    width: 72%;
  3.    margin: 0 auto;
  4. }
  5. .header{
  6.    float: left;
  7.    width: 100%;
  8.    background-color: #f4f4f4
  9. }
  10. .wrapmiddle{
  11.    float: left;
  12.    width: 100%;
  13.    background-color: #fff
  14. }
  15. .middle{
  16.    margin-right:221px;
  17.    margin-left:221px;
  18.    background-color: #afeeee;
  19.    height: 200px;
  20. }
  21. .left{
  22.    float: left;
  23.    width: 201px;
  24.    margin-left: -100%;
  25.    background-color: #cfcfcf;
  26.    height: 200px;
  27. }
  28. .right{
  29.    float: left;
  30.    width: 201px;
  31.    margin-left: -201px;
  32.    background-color: #cfcfcf;
  33.    height: 200px;
  34. }
  35. .footer{
  36.    float: left;
  37.    width: 100%;
  38.    background-color: #f4f4f4;
  39. }
  40. body {
  41.    padding: 0px;
  42.    margin: 0px;
  43. }

Código HTML: 
Ver original
  1. <div class="wrapper">
  2.     <div class="header">
  3.              header
  4.     </div> 
  5.     <div class="wrapmiddle">      
  6.         <div class="middle">
  7.             middle
  8.         </div>
  9.     </div>
  10.         <div class="left">
  11.             left
  12.         </div>      
  13.         <div class="right">
  14.             right
  15.         </div> 
  16.         <div class="footer">
  17.             footer
  18.         </div>     
  19. </div>
__________________
System.out.println (“HTML, CSS, PHP, Javascript, C#, Java... De todo !”);