Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/11/2008, 12:06
Asuknamun
 
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 23
Antigüedad: 15 años, 5 meses
Puntos: 0
Exclamación Problema con mi plantilla(Sidebar)

Hola, despues de haber buscado en este foro durante un par de horas, no he encontrado solución espero que esta vez si, por ahi habia unos problemas parecidos pero igual tampoco le dieron solución:

Bueno paso a explicar.

Como podrán ver mi sidebar no llega hasta el footer, no soy bueno en css ni html, pero a base de tutoriales he modificado al máximo esta plantilla.

El problema tambien pasa en el background principal si es que ves una sola entrada, entonces es el sidebar que se va hacia abajo (tiene de height: 8000 px) y el body se queda sin llegar al footer.

Es como he descartado que el problema no solo es del sidebar, además que también probé reemplazando todo la cadena css del sidebar por la cadena original y no logré solucionarlo.


Espero me haya dejado entender y que me puedan ayudar.

Aquí les paso mi plantilla:

Código:
#outer-wrapper {
        
        margin: 0px auto 0px auto;
        padding: 0 0 0px 0;
}

#wrap2 {
	margin: 0 auto 0px auto;
	width: 970px;
	text-align: left;
       
}

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

/*-- (Generales) --*/

body, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	vertical-align: top;
	background: $bgcolor;
        color:$textocolor;
background-image:url();
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center center;
}

h1 {
	font-family: Arial, Sans-serif;
	font-size: 30px;
	padding: 0 0 10px 0;
       
}

a:link, a:visited {
	text-decoration: none;
	color: $enlacecolor;
}

a:hover {
	text-decoration: none;
}
.post img { 
padding:4px; 
border:2px solid #cc0000; 
}

a img {
border:0;
}

p {
	padding: 10px 0 0 0;
}


#main-wrapper {overflow:hidden;} 

.clear {clear:both;}  
  
#blog-pager-newer-link {float: left;} 

#blog-pager-older-link {float: right;} 

#blog-pager {text-align: center; }

/*-- (Cabecera) --*/

#header-wrapper{
color: #000;
width:967px;height:136px;
background: #000 url(http://i103.photobucket.com/albums/m147/Asuknamun/HeaderGamersofPeruGearsofWar2-1.jpg) no-repeat;
border:2px solid #cc0000; 
padding: 0 0 30px 0;
background-size: 100%;
background-position: center;
margin-top: 0;
margin-bottom: 0;
}

#header {
        float:left;
        width:300px;height:85px;
        margin-bottom:10px; padding:0;
        background-image:url(logo);
}

#header h1, #header p { display:none; visibility:hidden; height:0; }

#header_r {
        float:right;height:91px;width:506px;
        margin:0; padding:0;
      background-image:url();
       background-repeat: no-repeat;
       background-position: center top;
}

#header_r_ads {
        margin:2px 0 0 39px; padding:0;
        width:468px;
        height:62px;
                 

/*-- (Menú) --*/

#nav {
        clear:both;
        margin:0px auto 1px auto;
        width: 970px;
        height:31px;
        background: url(http://img101.imageshack.us/img101/7144/topmenubl0.jpg) repeat-x;
        overflow:hidden; 
}

#nav_l {
        float:left;
        width:865px;  
        margin:0px; padding:0px; 
        overflow:hidden;
        height:31px;
 
}

.menu {
        float:left;
        margin:5px 1px;
        padding:3px;
        width:500px;
}
	
.menu li {
	display: inline;
	list-style: none;
	margin:0;
	padding:0;
}

.menu ul, .menu ol {
        display: inline;
	list-style: none;
	margin:0;
	padding:0 10px 0 0;
}
		
.menu a, .menu a:visited {
	color: $colormenu;
	font-weight: bold;
	margin:0;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
}
		
.menu a:hover {
	background: #000000;
	text-decoration: none;
        border:1px solid #000;


/*-- (Contenedor) --*/

#content-wrapper {

}

/*-- (Principal) --*/

#main-wrapper {
	float: left;
	width: 550px;
        padding: 6px 10px 10px 10px;
        text-align:justify;
        background: #ccffff;
        margin:0 auto 1px auto;
background-repeat: repeat-y;
}

#main-wrapper a {

}

#main-wrapper a:hover {
        
}

.post {
        padding: 2px 6px 10px 6px;
}

.post-title, .post-title a {
        margin:0 5px; padding:2px 0 0 0;
        color:$colortituloentrada;
}

.post h2 {
	font-family: Arial, Georgia, Sans-serif;
	font-size: 16px;
        margin:0 5px;
        text-align:left;
        text-transform:uppercase; 
}

/*-- (Lateral) --*/
#sidebar-wrapper {
	float: top;
	width: 398px;
	margin: 0px 0 0 2px;
        background:#d7eff8;
        background-repeat: repeat-y;
        height:8000px;

      
}

#sidebar-wrapper ul{
	list-style: none;
	margin:0; padding:0;
}

#sidebar-wrapper li{
	padding: 0;
	line-height: 24px;
}

#sidebar-wrapper h2 {
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

#sidebar_top {
        margin:6px 0 0 0;padding:8px;
        background:url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVZCjZEfI/AAAAAAAACe4/ZO60BR2ICUo/s1600/sidebar_top.jpg) repeat-x;
        width: 369px;
        line-height:12px;
        text-align:justify;
        border:1px solid #91d3e9;
        font-size:10px;
        font-family:verdana;
}

#sidebar_top h4 {
        color:#0e5268;
        margin-bottom:3px;
        font-size:14px;
}

.widget-content {
}

.sidebar .widget {
	padding: 10px 0;
}

#sidebar1 {
        margin:0;padding: 0 1px 0 0;
        float:left;
        width:184px;
}

#sidebar1 ul{
	list-style: none;
}

#sidebar1 ul li {
	padding: 0 0 0 20px;
	line-height: 18px;
	font-family: Arial, Georgia, Sans-serif;
    background:url(http://asuknamun.googlepages.com/iconogopsidebar_16x16.jpg) no-repeat 0px 0px; 
}

#sidebar1 .widget {
	margin:0; padding:7px 0 0 8px;
	font-family: Arial, Georgia, Sans-serif;
	font-size: 11px;
    color:#gray;
	margin:0;
}

#sidebar1 .widget a:link, #sidebar1 ,widget a:visited {
        color:$colortextolateral;
        font-weight:700;
}

#sidebar1 h2{
	font-family: Verdana,Arial, Georgia, Sans-serif;
	font-size: 11px;
    background:url(http://img292.imageshack.us/img292/8485/pruebadetopsidebarxo1.jpg) no-repeat top left;
    margin:0; padding:7px 0 0 8px;
    height:30px;width:184px;
    color:$colortituloslateral;
    text-transform:uppercase;
}

#sidebar2 {
        margin:0;padding: 0 1px 0 0;
        float:right;
        width:188px;
}

#sidebar2 ul{
	list-style: none;
}

#sidebar2 .widget {
	padding: 10px 0 4px 0;
	font-family: Arial, Georgia, Sans-serif;
	font-size: 11px;
        color:#gray;
	margin:0;
        font-weight:bold;
}

#sidebar2 .widget a:link, #sidebar2 .widget a:visited {
        color:$colortextolateral;
        font-weight:700;
}

#sidebar2 h2{
	font-family: Verdana, Arial, Georgia, Sans-serif;
	font-size: 11px;
    background:url(http://img292.imageshack.us/img292/8485/pruebadetopsidebarxo1.jpg) no-repeat top left;
    margin:0; padding:7px 0 0 8px;
    height:30px;width:188px;
    color:$colortituloslateral;
    text-transform:uppercase;
}
#sidebar2 ul li{
	padding: 0 0 0 22px;
	line-height: 18px;
	font-family: Arial, Georgia, Sans-serif;
    background:url(http://asuknamun.googlepages.com/iconogopsidebar_16x16.jpg) no-repeat 2px 0px; 
}

/*-- (Pie de página) --*/

#footer-wrapper {
	clear: both;
	width: 970px;
        background:url(http://img184.imageshack.us/img184/6797/footerth5.jpg) repeat-x;
        padding:10px 0;
        margin:0;
}

#footer-wrapper .links {
	line-height: 13px;
        text-align:center;
        font-weight:700;
        color:#fff;
        padding: 2px 0;
        font-size: 10px;
        font-family:Verdana;
}

#footer-wrapper a {
        color:#afe1f3;
}

#footer-wrapper a:hover {
        color:#53c7f2;
}

/*-- (Comentarios) --*/

#comments h4 {
text-align:justify;
font-size:14px;
font-weight:bold;
}

#comments-block {
        margin:0 0 1px;
        padding:0;
       font-size:11px;
}

.comment-author {Asuknamun dijo}
border-top:1px dashed #31afda;
border-left:1px dashed #31afda;
border-right:1px dashed #31afda;
background:url(http://img136.imageshack.us/img136/9705/commentbackya4.jpg) repeat-x;
padding:6px 15px 0px 15px;
margin-left:0px;
display:block;
margin-top:10px;
color:#53c7f2;
}

.comment-body {
border-left:1px dashed #31afda;
border-right:1px dashed #31afda;
padding:5px 15px 5px 15px;
margin-left:0px;
display:block;
color:#000000;
background:url(http://img136.imageshack.us/img136/9705/commentbackya4.jpg) repeat-x;
}

#comments-block .comment-footer {
border-left:1px dashed #31afda;
border-right:1px dashed #31afda;
border-bottom:1px dashed #31afda;
margin-bottom:15px;
margin-left:0px;
padding:0px 15px 12px 15px;
display:block;
background:url(http://img520.imageshack.us/img520/7456/commentback2zh2.jpg) repeat-x;
}

.feed-links {
display: none;
visibility: hiden;
}
#comenta-outter {
margin: 50px 0;
}

#comenta-inner {
display: block;
height: 830px;
width: 520px;
margin:none;
border:none;
background-color: #fff;
}

#footer-columna-contenedor {
clear:both;
}

.footer-columna {
padding: 10px;
}

/* noticia*/
.noticia {
background: #66ccff url() 15px center no-repeat;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;

]]></b:skin  <b:else/>
Saludos.

Pd. Eliminé algunas cosas en el css por que no me djeaba poner mas de 10k de caracteres.
Espero que aun se entienda.