Foros del Web » Creando para Internet » CSS »

Se ve mal el sideber en el explorer

Estas en el tema de Se ve mal el sideber en el explorer en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/12/2008, 16:16
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Se ve mal el sideber en el explorer

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
  #2 (permalink)  
Antiguo 10/12/2008, 19:06
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Respuesta: Se ve mal el sideber en el explorer

ya arregle el problema
  #3 (permalink)  
Antiguo 11/12/2008, 22:19
Avatar de hCanté
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Guatemala
Mensajes: 233
Antigüedad: 10 años, 9 meses
Puntos: 9
Respuesta: Se ve mal el sideber en el explorer

Hola!

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

Saludos!
  #4 (permalink)  
Antiguo 13/12/2008, 21:15
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Respuesta: Se ve mal el sideber en el explorer

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 :)
  #5 (permalink)  
Antiguo 13/12/2008, 21:45
Avatar de hCanté
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Guatemala
Mensajes: 233
Antigüedad: 10 años, 9 meses
Puntos: 9
Respuesta: Se ve mal el sideber en el explorer

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,
  #6 (permalink)  
Antiguo 14/12/2008, 21:30
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Respuesta: Se ve mal el sideber en el explorer

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.
  #7 (permalink)  
Antiguo 14/12/2008, 23:00
Avatar de hCanté
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Guatemala
Mensajes: 233
Antigüedad: 10 años, 9 meses
Puntos: 9
Respuesta: Se ve mal el sideber en el explorer

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

Última edición por hCanté; 14/12/2008 a las 23:11
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 06:58.