Problemas de visualizacion en Internet Explorer

nobo · #1 (**permalink**) 29/12/2011, 06:36

Hola he posteado en PHP este tema pero me parece que ira mejor aqui...

Porque puede ser que en firefox se vea perfecta mi pagina, pero en IE se me descoloque todo? El index en IE se ve perfecto pero en cuanto entro en la zona donde estan los productos con sus fotos y sus capas el banner se mueve, el texto no entra dentro de las capas etc...

Gilad · #2 (**permalink**) 29/12/2011, 06:47

Puedes poner el codigo?
Puede ser que hayas usado algun inline-block?

jose_cuberos · #3 (**permalink**) 29/12/2011, 06:50

Hola, me e encontardo con el mismo problema, e leido algo sobre el archivo .htaccess, que influye en este tema, pero la verdad es que no lo entiendo bien, espero dar alguna pista, sino, esperemos a alguna respuesta. Saludos

snowmanchip · #4 (**permalink**) 29/12/2011, 07:55

Pon el código css y html con el que muestras esa imagen, así podremos ayudarte, como pista mira si la imagen y el contenido(texto correspondiente a la imagen) tienen cada uno un div que los encierra y ponle float left,
Saludos,

nobo · #5 (**permalink**) 29/12/2011, 14:22

Ahora mismo lo pego ;)

http://pastebin.com/USvYLrqD ---> Codigo de los productos
http://pastebin.com/PASu5QHN ---> CSS

PD: Gracias a todos por el interes y la rapidez. Yo tambien he pensado en algun div mal cerrado pero la verdad es que no he visto nada. Ademas en firefox se ve perfecto ;)

snowmanchip · #6 (**permalink**) 29/12/2011, 15:46

Veo que estás haciendo un catalogo en PHP usando DREAMWEAVER, suerte con eso,

Respecto a tu consulta lo vi y probé con IE8 y no tengo problemas, te recomiendo probar subiendo unos 20 px el ancho del div

Código HTML:

Ver original<div class="productos">

,además el contenedor

Código HTML:

Ver original<div class="resultadoproductos">

tiene un ancho de 800 por lo que sólo te alcanzarán 3 artículos por fila,así que puedes aumentar sin problemas el ancho de la clase productos...

Saludos

nobo · #7 (**permalink**) 29/12/2011, 15:59

Si... Ya lo probe, pero ahora se me ve asi:

Sin el borde de debajo y se me sigue viendo el banner movido hacia la izquierda...

Yo uso IE9 ... En windows vista sp2... Esto tendra algo que ver? A mi primo con IE7 en windows xp se le ve bien. Ademas en su wamp server si yo abro la pagina desde mi IE9 tambien se me ve bien!!!

PD: Porque dices lo de suerte? xDDD

snowmanchip · #8 (**permalink**) 29/12/2011, 16:08

Algo mejoró XD....
De qué tamaño es background-image: url(../images/fondoproductorojo.jpg);?... ese puede ser tu dolor de cabeza...
Lo de suerte era algo así como éxito..que te vaya bien..jejej
Saludos

nobo · #9 (**permalink**) 29/12/2011, 16:14

.... xDDDDDDDDDDDDDDD

239px de ancho
167px de alto

jose_cuberos · #10 (**permalink**) 29/12/2011, 16:23

Hola, creo que puedo ayudarte, no hace falta que pongas todo el codigo, pero dime como lo tienes desde <html> a <head>, copia un trozo y listo. Venga, espero tu respuesta. Puede que sea lo que estoy pensando....

Saludos

nobo · #11 (**permalink**) 29/12/2011, 16:25

ojala!!!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin título</title>



<link href="estilo/principal.css" rel="stylesheet" type="text/css" />
</head>

jose_cuberos · #12 (**permalink**) 29/12/2011, 16:29

vale, haz lo siguiente, en:

<html xmlns="http://www.w3.org/1999/xhtml">

cambia

<!DOCTYPE html xmlns="http://www.w3.org/1999/xhtml">

subelo al servid y prueba, espero tu respuesta.

Saludos

nobo · #13 (**permalink**) 29/12/2011, 16:38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html xmlns="http://www.w3.org/1999/xhtml">
<head>

Asi? Tampoco va.... Pero es la unica diferencia que encuentro con la que si que funciona....

snowmanchip · #14 (**permalink**) 29/12/2011, 16:38

jose eso lo recomendé para tu página porque no habías declarado el doctype para html5, eso sólo se hace para html5 que no es el problema actual...

Juega con los tamaños..lo que pasa es que los elementos superan la imagen de fondo, añádele la propiedad no-repeat al background o cambia esa imagen..saludos

jose_cuberos · #15 (**permalink**) 29/12/2011, 16:46

Ok, snowmanchip, intentaba ayudar un poco a nobo, gracias por la corrección, es decir, que el declarado <!DOCTYPE > no es igual para todas las versiones de HTML, ¿es asi?. Gracias

Saludos

nobo · #16 (**permalink**) 29/12/2011, 16:48

La primera imagen es de la pagina que funciona
Y la de abajo es la que no funciona....

snowmanchip · #17 (**permalink**) 29/12/2011, 16:48

Asíes josé, el Doctype cambia..saludos

snowmanchip · #18 (**permalink**) 29/12/2011, 16:50

nobo..el problema no es el DOCTYPE...ambas páginas tiene el mismo doctype...lo que cambia son los comentarios de la plantilla que usas,
Saludos

jose_cuberos · #19 (**permalink**) 29/12/2011, 16:52

No quiero ser pesado, pero ya que estamos, ¿y porque motivos cambia?, ¿por el .css?.

Saludos

nobo · #20 (**permalink**) 29/12/2011, 16:53

Pero en teoria es la misma plantilla y todo igual ?? :S No se... Entonces donde reside el problema? En el tamaño de la imagen? Peri mi primo usa la misma imagen... Ahora pondre la foto de como se ve en su server...

snowmanchip · #21 (**permalink**) 29/12/2011, 16:55

esto es para josé
http://www.desarrolloweb.com/articul...type-html.html

nobo · #22 (**permalink**) 29/12/2011, 16:57

Asi se le ve a mi primo... En su server...

snowmanchip · #23 (**permalink**) 29/12/2011, 16:58

Lo tienes fácil entonces...revisa los estilos de tu primo y compara la diferencia con el tuyo...

nobo · #24 (**permalink**) 29/12/2011, 17:05

Si es la misma!!!! jajajaja el principal.css dices? Es identico !!! :S

jose_cuberos · #25 (**permalink**) 29/12/2011, 17:22

Ok, gracias snowmanchip, ya no te molesto más.
Espero que te salga eso bien nobo.

Saludos

nobo · #26 (**permalink**) 29/12/2011, 17:25

A nadie se le ocurre nada'????? :S

nobo · #27 (**permalink**) 02/01/2012, 06:07

Solucionado: Es un problema de el archivo de conexion... Un comentario que tenia en html.... Lo puse en php y listo soluciono el problema.

Tengo novedades !!! El problema creo que es de la base de datos, podria ser? Ya que si uso la pagina que se ve bien, en cuanto le añado esto:

<?php require_once('Connections/conexionzulo.php'); ?>

Se me descuadra, sin tocar nada mas... En cambio con otra base de datos no... Es problema del archivo de conexion? De la base de datos en si?