Se ve mal el sideber en el explorer

[alvarols]

Tengo un problema, y es que el sidebar de mi blog no se ve en el explorer, se cae hasta abajo; cosa que no ocurre ni con Firefox ni con Chrome

http://elcerebrohabla.com/

No se si con el CSS lo puedo arreglar, aquí dejo el código.

Un saludo

Esto es del cuepo

Código:

body {
	font-family: Trebuchet MS;
	font-size:  15px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: #f4f4f4;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
}

#wrap {
	margin: 0px auto;
	padding-top: 20px;
	width: 901px;

Y esto es el Sidebar

Código:

#sidebar {
	float: right;
	width: 335px;
}
.widget-sidebar {
	float: left;
	width: 335px;
}
.widget-sidebar h3 {
	font-family: 'Arial', 'Century Gothic';
	font-size: 14px;
	line-height: 36px;
	font-weight: regular;
	background:  no-repeat;
	margin: 0px;
	padding: 0px 15px;
	float: left;
	height: 36px;
	width: 305px;
	color: #020254;
}
.widget-sidebar .list {
	margin: 12px;
	padding: 15px 0px 15px 15px;
	float: left;
	width: 297px;
	list-style-type:none;
	background: #f7f7f7;
	
}
.widget-sidebar .list ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 310px;
	border-bottom-style:dotted;
	border-bottom-color:#999999;
	list-style-type: none;
	background: #eeeeee;
}
.widget-sidebar .list li {
	font-size: 14px;
	line-height: 20px;
	color: #8b0000;
	margin: 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 290px;
	border-bottom-style:dotted;
	border-bottom-color:#999999;
	border-bottom-width:thin
}
.widget-sidebar .list ul li {
	font-size: 11px;
	line-height: 10px;
	color: #666666;
	margin: 8px 0px 0px;
	padding: 0px;
	float: left;
	width: 300px;
	border-bottom-style:dotted;
	border-bottom-width:thin;
	border-bottom-color:#999999;
}
.widget-sidebar .list li a {
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	width: 305px
	float: left;
	text-decoration: none;
	
	
}
.widget-sidebar .list ul li a {
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	border-bottom: 1px thin #CCCCCC;
	width: 305px
	float: left;
	text-decoration: none;
	
}
.widget-sidebar .list li a:hover {
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	border-bottom: 1px thin #CCCCCC;
	width: 305px
	float: left;
	text-decoration: underline;
	
}
.widget-sidebar .list ul li a:hover {
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	border-bottom: 1px thin #CCCCCC;
	width: 305px
	float: left;
	text-decoration: underline;
	
}



.widget-sidebar .nolist {
	margin: 0px;
	padding: 5px 0px 15px 15px;
	float: left;
	width: 320px;
	list-style-type: none;
}
.widget-sidebar .nolist ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 310px;
	list-style-type: none;
}
.widget-sidebar .nolist li {
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	margin: 0px 0px 8px;
	padding: 0px;
	float: left;
	width: 320px;
}
.widget-sidebar .nolist ul li {
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	margin: 8px 0px 0px;
	padding: 0px;
	float: left;
	width: 310px;
}
.widget-sidebar .nolist li a {
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-decoration: none;
}
.widget-sidebar .nolist ul li a {
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-decoration: none;

}
.widget-sidebar .nolist li a:hover {
	color: #990033;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-decoration: underline;

}
.widget-sidebar .nolist ul li a:hover {
	color: #990033;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-decoration: underline;

}


.div-rss {
	background: url(images/rss-box.gif) no-repeat;
	margin: 0px;
	float: left;
	width: 225px;
	padding-left: 110px;
	height: 90px;
	padding-top: 10px;
}
.div-rss p {
	margin: 0px 0px 5px;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	background: url(images/rss.png) no-repeat left center;
	padding-left: 15px;
}
.div-rss img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
.div-rss a {
	color: #000000;
	text-decoration: none;
}
.div-rss a:hover {
	color: #990000;
	text-decoration: underline;
}
.tag-box {
	margin: 0px;
	padding: 10px 25px 10px 20px;
	float: left;
	width: 290px;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
}
.tag-box a {
	color: #000000;
	text-decoration: none;
}
.tag-box a:hover {
	color: #990000;
	text-decoration: none;
}

.f-box {
	margin: 0px;
	padding: 10px 25px 10px 10px;
	float: left;
	width: 300px;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
}
.f-box img {
	margin: 2px 6px 2px 0px;
	padding: 0px;
	float: left;
	border: 0px solid #efefef;
	width: 30%;
}
.f-box h1 {
	font-family: Arial, Tahoma, "Lucida Sans";
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px;
	padding: 0px;
}
.f-box a {
	color: #990000;
	text-decoration: none;
}
.f-box a:hover {
	color: #990000;
	text-decoration: none;
}


.ads {
	margin: 0px;
	padding: 10px 25px;
	float: left;
	width: 285px;
}
.ads img {
	border: 3px solid #eeeeee

[alvarols]

ya arregle el problema

[hCanté]

Hola!

Y como lo solucionaste?... el problema no era la mala combinación de unos paddings y el ancho?

Saludos!

[alvarols]

Sip, es que lo que hice fue que estaba remodelando el sidebar y cuando ya lo tenía listo lo probé y se cayó. Tuve que deshacer todos los cambios en el Dreamweaver y volver a hacer todo paso por paso (probando en el explorer) asegurándome de que no pasara lo mismo.

Al perecer creo que si fue algo de eso, como todavía no domino el CSS al 100% a veces tengo conflictos con margenes-paddings, sobre todo cuando un navegador si lo reconoce y otro no.

Antes de hacer la remodelación, el sideber se veía diferente en Explorer, pero no se veía mal. Ahora no se porque razón ya se ven igual :)

[hCanté]

Si, IE tiende a aplicar los paddings hacia "afuera" y el ancho aumenta lo que hace que todo se salga de control, lo que uso para solucionar esto es aplicar un <div class="inner"></div> dentro del div del cual quiero aplicar el padding y así en IE se ve bien y el ancho no se modifica y el resto de navegadores pueden con esto. Y el padding se lo doy a mi class="inner" en el css: .inner { padding:15px; }

Saludos,

[alvarols]

oye yo creí que "inner" era un nombre que le puede poner uno a una clase, no que eran nombres predeterminados con una función específica.

[hCanté]

@alvarols tienes toda la razón, nunca dije lo contrario, te daba un ejemplo de lo que yo hago :)