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!