Foros del Web » Creando para Internet » CSS »

No logro modificar columnas css de wordpress

Estas en el tema de No logro modificar columnas css de wordpress en el foro de CSS en Foros del Web. Hola foristas. Tengo un theme de wordpress en tres columnas. Quisiera agregar un nuevo espacio por sobre las dos no principales. Es decir Sidebar 1 ...
  #1 (permalink)  
Antiguo 20/06/2011, 20:59
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 11 años, 4 meses
Puntos: 3
No logro modificar columnas css de wordpress

Hola foristas. Tengo un theme de wordpress en tres columnas. Quisiera agregar un nuevo espacio por sobre las dos no principales. Es decir Sidebar 1 y 2 de la portada y no lo logro. Les muestro:

Esto es lo que tengo actualmente



Y quiero llegar a lo siguiente:




Lo he intentado de varias formas, pero, me las manda a cualquier lado o me tira todo abajo de la primera...el css es el sigueinte: (Lo que figura como sidebar_A es el que cree)

Cita:
/* STRUCTURE ----------------------------------*/
#header {
overflow:hidden;
height:100px;
margin-top:10px;




}
#header-in {
width:960px;
height:100px;
border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2;
margin: 0 auto;
background:#FFFFFF;



}
#content-wrap {
width:960px;
margin:0 auto;
height:100%;
overflow:hidden;/*background:url(images/grid.png) repeat-y center;*/
border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;
background:#FFFFFF;


}
#content {
float:left;
width:500px;
margin-left:4px;
margin-bottom:8px;
margin-top: 6px;
border-right: 1px dashed #e2e2e2;
padding-right:2px;
background:#FFFFFF;




/* PAGINAS INTERNAS ----------------------------------*/


}
#contentB {
float:left;
width:590px;
margin-left:14px;
margin-bottom:8px;
border-right: 1px solid #e2e2e2;
background:#FFFFFF;


}
#sidebar_3 {
float:right;
width:350px;
overflow:hidden;
Border-left: 1px solid #e2e2e2;

/* PAGINAS INTERNAS HASTA ACÁ----------------------------------*/

}
.content-in {
float:left;
width:640px !important;



}
#sidebar_l {
float:left;
width:240px;
margin-left:2px;
margin-top: 6px;



}
#sidebar_r {
float:right;
width:210px;
overflow:hidden;
border-left: 1px solid #e2e2e2;
margin-bottom: 4px;
margin-top: 6px;


}
#sidebar_A {
float: left;
margin-left: 645px;
width:400px;
overflow:hidden;
margin-bottom: 10px;
height:auto;




}
#footer {
clear:both;
height:50px;
}
#footer-in {
width:960px;
margin:0 auto;
overflow:hidden;
padding:10px 0 0 0;
border-top:0px solid #e2e2e2;

}

Desde ya muchas gracias por su tiempo
  #2 (permalink)  
Antiguo 20/06/2011, 22:24
 
Fecha de Ingreso: diciembre-2008
Ubicación: PERU
Mensajes: 278
Antigüedad: 8 años, 1 mes
Puntos: 22
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. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin titulo</title>
  5. <link href="estilo.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" />
  6. </head>
  7.  
  8. <div id="header">CABECERA</div>
  9.  
  10. <div id="contenedor">
  11.  
  12. <div id="col1">MENU</div>
  13. <div id="col2">AGREGAR</div>
  14. <div id="col3"></div>
  15. <div id="col4"></div>
  16.  
  17. </div>
  18. <div id="clear"></div>
  19. <div id="pie">PIE</div>
  20.  
  21. </body>
  22. </html>
  #3 (permalink)  
Antiguo 20/06/2011, 23:09
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 11 años, 4 meses
Puntos: 3
Respuesta: No logro modificar columnas css de wordpress

Hola, gracias, pero, no he logrado aún quede bien. Mira yo tengo que insertarlo en un theme wordpress de esta manera desde el index:


<?php include (TEMPLATEPATH . "/sidebarA.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar1.php"); ?>
<?php include (TEMPLATEPATH . "/sidebar2.php"); ?>

Entonces el sidebar A me tiene que quedar sobre el 1 y el 2 que caen bajo este...

Muchas gracias de nuevo...
  #4 (permalink)  
Antiguo 21/06/2011, 01:07
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 11 años, 4 meses
Puntos: 3
Respuesta: No logro modificar columnas css de wordpress

Hola a todos, gracias por su tiempo. Quería comentar que encontré la solución. Era una problema de Float y de margin....además del nombre dado al css.
Muchas gracias.

Etiquetas: columnas, modificar, wordpress
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 20:18.