Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Problemas con IE , Paddings y Margins mostrando espacios no debidos (http://www.forosdelweb.com/f53/problemas-con-ie-paddings-margins-mostrando-espacios-no-debidos-589534/)

LockeAG 24/05/2008 01:07
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 :abajo: .


les dejo las imagenes relacionadas al problema:

IE7
http://www.sektorrd.com/bilder/ie.jpg
FF
http://www.sektorrd.com/bilder/ff.jpg


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.

:borracho:

Saludos!

Raulmmmm 24/05/2008 03:54
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>?

LockeAG 24/05/2008 16:09
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

Mikmoro 24/05/2008 17:18
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.

LockeAG 27/05/2008 16:42
Respuesta: Problemas con IE , Paddings y Margins mostrando espacios no debidos
 
Cita:
Iniciado por Mikmoro (Mensaje 2418310)
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


La zona horaria es GMT -6. Ahora son las 10:35.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.