Tema: No logro modificar columnas css de wordpress
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/06/2011, 21:24
yuo2
 
Fecha de Ingreso: diciembre-2008
Ubicación: PERU
Mensajes: 294
Antigüedad: 15 años, 11 meses
Puntos: 23
Respuesta: No logro modificar columnas css de wordpress
A ver si esto te puede dar una mejor idea:

estilo.css
Código CSS: 
Ver original
  1. .body
  2. {
  3.  
  4. }
  5.  
  6. #header
  7. {
  8. width:960px;
  9. height:100px;
  10. border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2;
  11. margin: 0 auto;
  12. background:#999933;
  13.  
  14. }
  15.  
  16. #contenedor
  17. {
  18. width:960px;
  19. margin:0 auto;
  20. height:100%;
  21. overflow:hidden;/*background:url(images/grid.png) repeat-y center;*/
  22. border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;
  23.  
  24. }
  25.  
  26. #col1
  27. {
  28. float:left;
  29. width: 420px;
  30. position: relative;
  31. height: 300px;
  32. background:#999933;
  33.  
  34. }
  35.  
  36. #col2
  37. {
  38. float:right;
  39. width: 540px;
  40. position: relative;
  41. height: 100px;
  42. background:#CC0066;
  43. }
  44.  
  45.  
  46. #col3
  47. {
  48. float:left;
  49. width: 270px;
  50. position: relative;
  51. height: 200px;
  52. background:#999933;
  53. }
  54.  
  55. #col4
  56. {
  57. float:left;
  58. width: 270px;
  59. position: relative;
  60. height: 200px;
  61. background:#999933;
  62. }
  63.  
  64.  
  65. .clear{clear:both}
  66.  
  67.  
  68. #pie
  69. {
  70. width:960px;
  71. margin:0 auto;
  72. height:100px;
  73. background:#999933;
  74. }


HTML:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin titulo</title>
  6. <link href="estilo.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" />
  7. </head>
  8.  
  9. <body>
  10. <div id="header">CABECERA</div>
  11.  
  12. <div id="contenedor">
  13.  
  14. <div id="col1">MENU</div>
  15. <div id="col2">AGREGAR</div>
  16. <div id="col3"></div>
  17. <div id="col4"></div>
  18.  
  19. </div>
  20. <div id="clear"></div>
  21. <div id="pie">PIE</div>
  22.  
  23. </body>
  24. </html>