Problemas con IE , Paddings y Margins mostrando espacios no debidos

LockeAG · #1 (**permalink**) 24/05/2008, 01:07

Hola a Todos , es mi primer post y la verdad es que Odio IE , simpre resulta algo insatisfactoria al final de cada WEB. Y hoy mi cabeza ya da vueltas.

resulta que tengo esta situacion:

Estoy Ocupando Wordpress y termine con mi diseño y todo perfecto con Firefox 2.0/3.0 y Safari 3 , pero IE muestra un espacio y cada <h2> se muestra incorrecto , bueno en realidad solo hay un <h2> que se muestra bien

.

les dejo las imagenes relacionadas al problema:

IE7

FF

el css que uso para esa seccion en FF es este:

Código:

/******* Sidebar **************/
	
#sidebar {
	width:220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 2px;
	line-height: 20px;
	background: #fffccc;
	float:right;
	}

#sidebar td {
	width: 220px;
	margin: 0 0 10px 0;
	padding:0;
	background: #FFFCCC;

	}
	

	
#sidebar ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	font-family: Arial, Tahoma, Verdana;
	font-size:11px;
	color:#CCCCCC;
	background: #fffccc;
	display:inline;
	
	
	
	}
	
#sidebar li {
	list-style: none;
	background: #FFFCCC;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}	
	
#sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#sidebar a:link,#sidebar a:active  {
	font-family: Arial, Tahoma, Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;	
		}
		
#sidebar a:visited  {
	font-family: Arial, Tahoma, Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
		}

#sidebar a:hover  {
	font-family: Arial, Tahoma, Verdana;
	font-size:11px;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
		}

/******	Widgets ****/

.textwidget {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h2.widgettitle{
	background-color:#f26724;
	color:#FFFFFF;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
	padding:0 0 0 5px;
	margin:0 0 0 -20px;
	height:30px;
	line-height:30px;
	}

#recent-posts ul {
	list-style: none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	

#recent-posts ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#recent-comments ul {
	list-style: none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	

#recent-comments ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#categories-1 ul {
	list-style: none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
#categories-1 ul ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#categories-1 ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#archives ul {
	list-style: none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}


#archives ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#pages ul {
	list-style:none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

	
#pages ul ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

#pages ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#links ul {
	list-style:none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}


#links ul ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

#links ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}

#meta ul {
	list-style: none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	

#meta ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#text-1 ul {
	list-style:none;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#text-1 ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}

El segun yo FIX para IE es este otro:

Código:

/******	Widgets ****/

.textwidget {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
h2.widgettitle{
	background-color:#f26724;
	color:#FFFFFF;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
	padding:0 0 0 5px;
	margin:0 0 0 -20px;
	height:30px;
	line-height:30px;
	}

#recent-posts ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	

#recent-posts ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	}
	
#recent-comments ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	

#recent-comments ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	}
	
#categories-1 ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

#categories-1 ul ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#categories-1 ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	}
	
#archives ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}


#archives ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	}
	
#pages ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

	
#pages ul ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

#pages ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#links ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}


#links ul ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

#links ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	}

#meta ul {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	

#meta ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	}
	
#text-1 ul {
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#text-1 ul li {
	list-style: none;
	background: #FFFCCC;
	padding: 2px 0px 0px 0;
	margin: 0px 0px 0px 0px;
	}

Saben estoy ya muy perdido en este momento entonces solicitu su ayuda , si hay un alma por ahi que pueda echarme la mano , se lo agradecere infinitamente.

Saludos!

Raulmmmm · #2 (**permalink**) 24/05/2008, 03:54

¿Has mirado en tu código HTML si no te has olvidado de cerrar algún </ul> o </li>?

LockeAG · #3 (**permalink**) 24/05/2008, 16:09

Gracias por la respuesta.

Pero ya revise de todo a todo y al parecer todo esta bien. no podria ser que Le tenga que dear un - en marigin-top al sidebar , recurso ultimo pues no soy fan de los valores negativos.

Gracias y Saludos

Mikmoro · #4 (**permalink**) 24/05/2008, 17:18

Pero sin ver el html generado es imposible saber a qué estas aplicando cada estilo de tu css, y por tanto imposible saber dónde se causa el problema y mucho menos ayudarte a resolverlo.

Mikel.

LockeAG · #5 (**permalink**) 27/05/2008, 16:42

Cita:

Iniciado por Mikmoro

Pero sin ver el html generado es imposible saber a qué estas aplicando cada estilo de tu css, y por tanto imposible saber dónde se causa el problema y mucho menos ayudarte a resolverlo.

Mikel.

si tienes razon disculpa. a reserva les dejo la pagina , pues aun que ya logre arreglar mas o menos el codigo con el desgraciado " - " aun hay algo raro en el side bar del interior de la pagina que en IE7 lo notaran . Y ya cheque codigo por codigo y tal vez ya estoy muy cansado para notar o hacer algun fix, espero me puedan dar una mano , o y por si fuera poco tambien me di cuenta que tengo otro problema el background del contenido no me da el full hight, aun y con "clear:both" y "min-hight:100%;" .

Código:

http://blog.yalla-ya.com

Muchas Gracias