Que es esto ?

[loco23]

Estoy haciendo esta web: http://www.pinchapasion.net/pinchapasion/ y con el Internet explorer en la barra derecha se ven espacios en blancos que si comparan con Chrome o Firefox no aparecen.. que serán ? Me ayudan a arreglarlo ?

Gracias !!

[danico90]

Algo que a veces da problemas en IE son los height que le pones a los div, hay un salto de linea(<br>) entre las dos imágenes que están en el div right1, parece que en IE le mete un renglón en blanco.

[loco23]

Bien, muchas gracias por esa ayuda, eso esta solucionado.

Necesito sin embargo una cosita más:

En la barra derecha mas abajo aparece un titulo MAS INFORMACION y abajo 4 recuadros con titulares.. en el IE aparecen mas alto que en el Chrome y en el Firefox.. eso como lo arreglaria ? No hay caso, intento con todo.

Y ademas por ultimo y ya no molesto más, en la encuesta de la barra derecha el boton VOTAR con el Chrome se ve bien, pero con Firefox e IE se ve mal, se ve como mas grande, no se.. el estilo del boton es este:

Código CSS:

input.bttn2 {
        display: block;
    float: right;
    padding:2px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:9px;
    background:#cc0000 url(img/bttn_bg.gif) repeat-x left top;
    border:0;
    color:#fff;
    cursor:pointer;
    overflow:visible;
    margin-left: 5px;
}
 
input.bttn2:hover,
input.bttn2:focus {background-color:#cc0000;background-position:left -29px;}
 

MUCHAS GRACIAS !!

[danico90]

Lo de información es lo mismo con los <br/> ahi pudes tratar de ponerle en los estilos al <a> que los contiene display:block, a ver si funciona con eso. Si no puedes quitar el <br> y usar <div style="clear:both"></div> o si no meter cada palabra en un div. Prueba todo eso a ver si funciona.


Este es el css del botón, no el q pasaste:

Código CSS:

input.tusencuestas_inferior {
background:url("img/bttn_bg.gif") repeat-x scroll left top #CC0000;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-size:9px;
font-weight:bold;
margin-left:5px;
overflow:visible;
padding:2px;
text-transform:uppercase;
}
 

para ese creo que con agregar display:block; y margin:0 auto; talvez se arregle.
Estos problemas son por los margin y padding, heights y todas esos atributos parecidos y dependiendo del div de al lado o el q los contiene, es un poco complicado a veces.

[loco23]

Antes que nada, muchisimas gracias por las molestias que te tomastes. Te comento: Me anduvo joya lo del block para lo de MAS INFORMACION.

Con lo unico que sigue fallando son esos botones, que en realidad tengo problemas con el codigo que puse yo y el que pusistes vos, ambos hacen lo mismo, estan re deformados en Internet Explorer.. No se como arreglarlos !

Estos son los botones fallidos que estan en el boton input de la encuesta de la derecha y el imput del newsletter de la derecha:

Código CSS:

input.bttn {
    padding:2px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:9px;
    background:#cc0000 url(img/bttn_bg.gif) repeat-x left top;
    border:0;
    color:#fff;
    cursor:pointer;
    overflow:visible;
    margin-left: 5px;
}
input.bttn:hover,
input.bttn:focus {background-color:#cc0000;background-position:left -29px;}
 

Código CSS:

input.tusencuestas_inferior {
    padding:2px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:9px;
    background:#cc0000 url(img/bttn_bg.gif) repeat-x left top;
    border:0;
    color:#fff;
    cursor:pointer;
    overflow:visible;
    margin-left: 5px;
    display:block;
     margin:0 auto;
}
 
input.tusencuestas_inferior:hover,
input.tusencuestas_inferior:focus {background-color:#cc0000;background-position:left -29px;}
 

Esos ambos botones me dan problemas.

Espero que me puedan ayudar, muchas gracias !

[loco23]

Dejo las imagenes:

Asi se ve bien en CHROME:

[URL=http://img442.imageshack.us/i/sinttulo2lm.jpg/][IMG]http://img442.imageshack.us/img442/1224/sinttulo2lm.jpg[/IMG][/URL]

Asi se ve en IE ( mal ):

[URL=http://img837.imageshack.us/i/sinttulo2cb.jpg/][IMG]http://img837.imageshack.us/img837/3483/sinttulo2cb.jpg[/IMG][/URL]

Saludos

[danico90]

Para el botón está un poco más complicado pero lo que puedes hacer es probar cambiando los padding, margins,width, height y eso del text-transform quitarlo y poner el texto en mayúscula, también el overflow(creo q lo puedes quitar sin problema) y así le llegaras a la solución