se ve mal en IE

originalconcept · #1 (**permalink**) 01/03/2009, 22:50

Gente querida, por favor si alguien puede chequear el css, no se que pasó.

En Internet Explorer(

) se ve mal el sidebar, en Firefox(

) no.

http://deflyers.com

Gracias al que me ayude.

Triby · #2 (**permalink**) 01/03/2009, 23:17

Código html:

Ver original<div class="sidebar">
<ul id="block2" class="tablist">  
        <li id="text-360376931" class="widget widget_text">         <h3 class="widgettitle">Portfolio</h3>          <div class="textwidget"><style>
select {
    font-size: 15px;
    width: 330px;
    font-family: "Trebuchet MS";
    border: 5px solid #000;
    color: #FFF;
    background:#000 url([url]http://deflyers.com/wp-content/themes/de-flyers/images/content-ie.jpg);[/url]
}
 
</style>
 
<li id="categories">
    <form action="http://deflyers.com/" method="get">
<select name='cat' id='cat' class='postform'  onchange='return this.form.submit()'>
    <option value='-1'>Por Cliente</option>
    <option class="level-0" value="4">Clientes&nbsp;&nbsp;(15)</option>
    <option class="level-0" value="3">Election Radio&nbsp;&nbsp;(15)</option>
 
</select>
    <noscript><input type="submit" value="View" /></noscript>
    </form>
</li>

Solo revise una parte del codigo... se supone que los <li> son elementos de linea, aunque puedes hacerlos trabajar como bloque (tal como estas haciendo), pero no es lo correcto.

Ademas, las etiquetas <style>bla bla bla</style> solo pueden ir entre <head> y </head>... creo que necesitas hacer una muy buena limpieza de codigo (HTML y CSS) en tu sitio antes de esperar que se vea correctamente en todos los navegadores o al menos en los mas populares.

originalconcept · #3 (**permalink**) 02/03/2009, 07:13

Triby sos un GENIO

Muy clara y exacta tu respuesta, pude solucionar el problema. Saqué el style del widget y lo puse en el .css y saqué el <li> que no se que hacía ahí.

Sólo me quedan 2 cuestiones, si tenés tiempo por favor molestaría mucho pedirte ayuda?

En la parte del catálogo, ej: http://deflyers.com/products/animales/ como hago para hacer el fondo igual de ancho que el contenido?
Como hago para que los link de las imágenes en el catálogo (http://deflyers.com/products/)

Gracias de antemano.

Saludos!!!

jomaruro · #4 (**permalink**) 02/03/2009, 14:35

Cita:

Iniciado por originalconcept

En la parte del catálogo, ej: http://deflyers.com/products/animales/ como hago para hacer el fondo igual de ancho que el contenido?

Creo que el problema lo tienes en el div content animales (marcado en rojo):

Código:

#top .content{
position:relative;
float:left;
width:498px;
margin-right:20px;
background-color:#363636;
border:1px solid #4f4f4f;
padding:20px 20px 0px;
}

Tienes galería definido con 897px y content con 498px.

Cita:

Iniciado por originalconcept

Como hago para que los link de las imágenes en el catálogo (http://deflyers.com/products/)

Esta segunda cuestión no la he entendido.

Espero haber sido de ayuda.

Saludos.

originalconcept · #5 (**permalink**) 02/03/2009, 14:43

@ jomaruro

El tema es que no puedo modificar ese "width:498px;" porque si lo modifico también modifico otras partes del sitio que no son la template "Full Width"

Lo de la segunda cuestión ahora caigo que no la terminé de escribir, era simplemente preguntar como hacer, para que en el IE las imágenes de http://deflyers.com/products/ no se vean con el borde ese azul estándar. no se como hacerlo, porque en firefox si se ve bien.

jomaruro · #6 (**permalink**) 03/03/2009, 17:07

Hola:

Puedes crear otra clase con las mismas características y con el width a 897 px.

Saludos.