Foros del Web » Creando para Internet » CSS »

Problemas con IE , Paddings y Margins mostrando espacios no debidos

Estas en el tema de Problemas con IE , Paddings y Margins mostrando espacios no debidos en el foro de CSS en Foros del Web. Hola a Todos , es mi primer post y la verdad es que Odio IE , simpre resulta algo insatisfactoria al final de cada WEB. ...
  #1 (permalink)  
Antiguo 24/05/2008, 02:07
 
Fecha de Ingreso: mayo-2008
Mensajes: 9
Antigüedad: 9 años, 6 meses
Puntos: 0
Problemas con IE , Paddings y Margins mostrando espacios no debidos

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!
  #2 (permalink)  
Antiguo 24/05/2008, 04:54
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Respuesta: Problemas con IE , Paddings y Margins mostrando espacios no debidos

¿Has mirado en tu código HTML si no te has olvidado de cerrar algún </ul> o </li>?
  #3 (permalink)  
Antiguo 24/05/2008, 17:09
 
Fecha de Ingreso: mayo-2008
Mensajes: 9
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problemas con IE , Paddings y Margins mostrando espacios no debidos

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
  #4 (permalink)  
Antiguo 24/05/2008, 18:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas con IE , Paddings y Margins mostrando espacios no debidos

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.
  #5 (permalink)  
Antiguo 27/05/2008, 17:42
 
Fecha de Ingreso: mayo-2008
Mensajes: 9
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problemas con IE , Paddings y Margins mostrando espacios no debidos

Cita:
Iniciado por Mikmoro Ver Mensaje
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
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 19:58.