#1• Hola buenas a todos: Estoy empezando a hacer mis pininos en elaborar paginas web, utilizo el dreamweaver cs3 y tengo el siguiente problema: En una de las celdas estoy insertando una imagen .jpg como fondo y en esa misma celda estoy vinculando un texto, en Firefox se ve perfectamente tanto el texto como el fondo, pero en Internet Explorer solo se ve el texto pero no el fondo, esta es la ruta que estoy poniendo: <td width="720" rowspan="8" style="background-image:url(Imagenes/negocios4.jpg);"> Espero que alguien me pueda ayudar, llevo varios dias buscando la solución en internet y nomas no la encuentro. Gracias. |
#2• Utiliza medidas absolutas/relativas : %,px,em...(segun te manejes mejor) para manejar tamaños(anchura,altura), tamaño de las fuentes, etc etc. Coloca el codigo completo para ver donde puede radicar el problema. Desde que defines la etiqueta HTML hasta el final. Saludos. |
#3• Gracias aerialss88 por contestar y este es el codigo de la pagina: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Email: [email protected] y/o [email protected] </dt> </dl> </td> </tr> </table> <table width="892" border="0" cellspacing="0" cellpadding="0"> <tr> <th scope="row"><hr /></th> </tr> </table> <table width="892" height="80" border="4" cellpadding="0" cellspacing="0" bgcolor="#006699"> <tr> <td height="72"><div align="center"><span><span>Asesores y Consultores en áreas Financieras - Crédito y Cobranzas para empresas.</span></span></div></td> </tr> </table> <table width="892" border="0" cellspacing="0" cellpadding="0"> <tr> </tr> </table> <table width="892" border="0" cellspacing="0" cellpadding="0"> <tr> <td><hr /></td> </tr> </table> <table width="892" height="540" border="4" cellpadding="0" cellspacing="4" bgcolor="#F6F6F6"> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="quienes somos.html" target="url">Quienes Somos</a></p></th> <th width="12" rowspan="8" scope="row"> </th> <td width="720" rowspan="8" style="background-image:url(Imagenes/negocios4.jpg);"> <iframe src="quienes somos.html" name="url" id="url" width="720" marginwidth="0" height="500" marginheight="0" scrolling="No" frameborder="0"></iframe> </p> </td> </tr> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="nuestra vision.html" target="url">Nuestra Visión</a></p></th> </tr> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="nuestra mision.html" target="url">Nuestra Misión</a></p></th> </tr> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="objetivo.html" target="url">Objetivo</a></p></th> </tr> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="servicios.html" target="url">Servicios</a></p></th> </tr> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="nuestros clientes.html" target="url">Nuestros Clientes</a></p></th> </tr> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="mailto:[email protected];[email protected]">Con tactos</a></p></th> </tr> <tr> <th height="62" bgcolor="#006699" scope="row"><p><a href="mas informacion.ppt">Mas Información</a></p></th> </tr> </table> <table width="892" border="0" cellspacing="0" cellpadding="0"> <tr> <td><hr /></td> </tr> </table> <div align="center"></div> </body> </html> Espero que con esto me puedas ayudar. Gracias. |
#4• Exceptuando que tienes que limpiar bastante codigo, veo la imagen de fondo en IE8 y Firefox 3.5. Que navegador de IE usas tu?. Saludos. |
#5• La version que estoy usando es la de Internet Explorer 8 y tu si ves la imagen de las barras y la flecha azul? |
#6• La imagen que tienes en tu ejemplo ( la del iframe ) no, porque no la tengo. He hecho la prueba con otra imagen que tengo yo y si que veo el fondo de la celda del iframe. Saludos. |
#7• Entonces, crees que el problema es el formato de la imagen que es jpg? Lo he probado con una gif y con una png y no logro verla. Tu con que formato de imagen logras verla. Saludos. |
#8•• Mira te pongo aqui un screenshot de lo que veo en IE.
Y asi en FF,Chrome y Safari:
Mi imagen esta en formato .png. De hecho da igual que este en .jpg,gif,.bmp,.tiff,.png... Lo he vuelto a mirar en firefox, safari y chrome y en todos se muestra el fondo repetido por todo el iframe. En IE solo muestra la parte superior e inferior. Podrias poner las imagenes de como se ve en uno y en otro ?. Saludos. |
#9• Efectivamente en IE se ve una parte de del fondo arriba y otra parte abajo y el texto se ve al centro pero con un fondo blanco que tapa todo lo demas del fondo de la celda. Con los otros navegadores se ve bien, la verdad no se que pase, es mas trato de poner como se ve la imagen en uno y en otro como me lo pides y no me deja copiar aqui las imagenes. Saludos. |
#10•• Perfecto hay solucion para IE (que raro que siempre sea el). Para el iframe (la etiqueta) , usamos un atributo propietario de IE al parecer: Código: <iframe allowtransparency="allowtransparency" src="prueba.html" name="url" id="url" width="auto" marginwidth="0" marginheight="0" scrolling="No" frameborder="0"></iframe> allowtransparency=allowtransparency Luego la pagina que llamamos , en este caso prueba.html , hemos de añadirle un fondo transparente al body : Código: body{ background:transparent; } De hecho , desconocia el atributo allowtransparency. No es estandar y solo es de IE. Pero bueno, siempre se puede hacer una excepcion o recurrir a otras tecnologias. Saludos. |
#11• Gracias, nada mas una pregunta el segundo codigo el de: body{ en que parte de la pagina o del iframe se lo pongo. Disculpa mi ignorancia pero es que apenas empiezo a entrar a este mundo maravilloso de las pagians web. Saludos. |
#12• El segundo codigo tienes que ponerlo en la pagina en la que llamas al iframe. En tu caso es la pagina : quienes somos.html . Saludos. |
#13• Gracias, de acuerdo a la pagina que te envie, seria mucha molestia si lo pones por favor en la parte donde debe ir? ya lo hice de difrentes maneras y no me queda, please!!!! Gracias por tu paciencia. Saludos. |
#14• La pagina del iframe: Código: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>SACS CONSULTORES</title> <style type="text/css"> <!-- .Estilo3 { font-size: 24px; font-weight: bold; color: #0033FF; } .Estilo4 { color: #0033FF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; } .Estilo5 { color: #FFFFFF; font-size: 18px; font-family: "Gill Sans MT"; } .Estilo7 {color: #000099} ....... <!--IFRAME --> <td width="720" rowspan="8" style="background-image:url(base.png);"> <iframe allowtransparency="allowtransparency" src="prueba.html" name="url" id="url" width="720" marginwidth="0" marginheight="0" scrolling="No" frameborder="0"></iframe> </td> Y la pagina quienes somos.html Código: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Quienes somos</title> <style type="text/css"> <style> body{ background:transparent; } Saludos. |
#15• Ya quedo, !!!!!!!muchisimas gracias aerialss88!!!!!!!!!, eres una verdadera piola para esto, ya se ve perfectamente en Internet Explorer y la verdad que he aprendido bastante contigo. Saludos y que estes bien. |
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un nuevo tema en lugar de responder al actual |
Opciones: Ir al subforo: |
Permisos: TU NO PUEDES Escribir nuevos temas TU NO PUEDES Responder a los temas TU NO PUEDES Editar tus propios mensajes TU NO PUEDES Borrar tus propios mensajes |
| Temas similares | ||||
| Tema | Usuarios | Respuestas | Visitas | Actividad |
|---|---|---|---|---|
Por: alqaid, el 22/Sep/2005, 16:23 |   | 2 | 6k | Jan/08 |