[SOLUCIONADO] Ayuda con 3 retoques esteticos que no consigo solucionar!!

[victor5atodogas]

Como muchos sabesi, estoy creando una tienda Online, y ya la tengo lista al 99%, pero tengo 3 retoques esteticos que no consigo solucionar ni a la de 3, a cual mas tonto, pero por mucho que leo posts, cambio cosas del CSS, y analizo con Firebug, no encuentro el que tengo que hacer exactamente para solicionarlo.

Si entrais a esta URL Novedades con Firefox, Chrome y IE notareis varias cosas que estan mal (3) que os enumero y explico.

1.- En Firefox y en IE aparece uan especie de hueco azula arriba del todo que no consigo quitar, pensaba que era osa del margin pero aunque lo quite no es eso.

2.- En IE no consigo que me redondee las imagenes, ¿Alguna idea de que tengo que añadir al .CSS para que me lo haga?

3- En Chrome (no se porque, solo pasa ahi) esta pagina me la carga mal, desordenada (tambien lo hace aqui, o en otras, en las que el resto de navegadores las cargan bien Cualquier pagina de listado de productos.

Muchas gracias por vuestra ayuda, son los 3 retoques que me faltan, aunque no entiendo muy bien cual puede ser el fallo, he mirado mucho el .CSS, otros post, y con el Firtebug, pero de verdad no consigo ni a la de 3 solucionarlos, el mas grave es el 3.

Un saludo

[kseso?]

1: si es lo que pienso, se debe a que hay un <br /> entre #content y #page
No debe utilizar el retroceso de carro o salto de línea para separar elementos de bloque.

2: si está usando border-radius, no lo entiende ie. Al menos en las versiones estables. La ver. 9 ya veremos. Hay algunas alternativas basadas en js. Aquí tiene alguna.

3: en #center_column .products_block ul li que está en el css global2.css el developer tools de chome me marca que tiene un float:center
Tal cosa no existe, por lo tanto sus li se convierten en elementos de bloque.
Cambie su valor a left.
Le adjunto captura:

[opentags]

Iniciado por victor5atodogas

Como muchos sabesi, estoy creando una tienda Online, y ya la tengo lista al 99%, pero tengo 3 retoques esteticos que no consigo solucionar ni a la de 3, a cual mas tonto, pero por mucho que leo posts, cambio cosas del CSS, y analizo con Firebug, no encuentro el que tengo que hacer exactamente para solicionarlo.

Si entrais a esta URL [URL="http://www.eluniversodelperro.com/tienda/new-products.php"]Novedades[/URL] con Firefox, Chrome y IE notareis varias cosas que estan mal (3) que os enumero y explico.

1.- En Firefox y en IE aparece uan especie de hueco azula arriba del todo que no consigo quitar, pensaba que era osa del margin pero aunque lo quite no es eso.

2.- En IE no consigo que me redondee las imagenes, ¿Alguna idea de que tengo que añadir al .CSS para que me lo haga?

3- En Chrome (no se porque, solo pasa ahi) esta pagina me la carga mal, desordenada (tambien lo hace aqui, o en otras, en las que el resto de navegadores las cargan bien [URL="http://www.eluniversodelperro.com/tienda/2-perros"]Cualquier pagina de listado de productos[/URL].

Muchas gracias por vuestra ayuda, son los 3 retoques que me faltan, aunque no entiendo muy bien cual puede ser el fallo, he mirado mucho el .CSS, otros post, y con el Firtebug, pero de verdad no consigo ni a la de 3 solucionarlos, el mas grave es el 3.

Un saludo

Hola,

1. En #page cambiar a margin: 0 auto;
2. Javascript: http://blog.timersys.com/jquery/como-redondear-las-esquinas-de-un-div-con-jquery-corners/
3. para el li del grid de productos probar con display:inline tambien ayudaria que revise la validacion del sitio en w3c.

Tal vez si ese theme le trae demasiados problemas, pueda buscar uno que sea totalmente compatible en el directorio de themes de prest-a-shop =)

[victor5atodogas]

Muchas gracias por vuestras respuestas; respondo a los dos si puedo:

1- He probado a quitar el <br> (pero ese lo coloque para que el header empezara algo mas abajo, y asi no ha funcionado); en cuanto a poner margin: 0 auto, es lo que ya tengo.

2.- Lo de redondear en IE es lo de menos, pero de todas formas voy a seguir los enlaces que me habeis dicho que seguro que funcionan.
3- Solucionado, era cosa de cambiar float:center por float:left

No cambio el tema de Prestashop porque ya esta bastante modificado como para elegir otro diferente, ademas, cuando solucione el problema del hueco arriba en Firefox e IE el tema estara terminado.

Por cierto, agradeceria que lo criticarais y dijerais que cosas mejorariais.

Un saludo

[kseso?]

1.- En Firefox y en IE aparece uan especie de hueco azula arriba del todo que no consigo quitar, pensaba que era osa del margin pero aunque lo quite no es eso.

¿Podría, por favor, ser algo más explícito en ese punto?.
¿En qué versiones de navegador? y ¿qué hueco?
Una captura de pantalla de esa parte ayudaría, pues yo al menos no advierto nada azul.