Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Otros servicios
Webmasters
luis.cravioto
Usuario Novato
Usuario Novato
#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);">
        <iframe src="quienes somos.html" name="url" id="url" width="720" marginwidth="0" height="500" marginheight="0" scrolling="No" frameborder="0"></iframe>

Espero que alguien me pueda ayudar, llevo varios dias buscando la solución en internet y nomas no la encuentro.

Gracias.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

luis.cravioto
Usuario Novato
Usuario Novato
#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">
<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}
body {
    background-color: #6699CC;
}
.Estilo22 {
    color: #33FF66
}
.Estilo23 {
    font-weight: bold;
    color: #FF0000;
    font-family: "Gill Sans MT";
}
.Estilo25 {
    color: #880000
}
.Estilo30 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Estilo31 {
    font-family: "Gill Sans MT";
    color: #BB0000;
}
.Estilo32 {color: #FF0000; font-family: "Gill Sans MT"; }
.Estilo33 {color: #FFFFFF}
.Estilo34 {font-weight: bold; color: #FFFFFF; font-family: "Gill Sans MT"; }
.Estilo35 {color: #FFFFFF; font-family: "Gill Sans MT"; }
.Estilo36 {color: #BB0000}
-->
</style>
</head>

<body>
<table width="892" border="4" cellspacing="4" bgcolor="#F6F6F6">
  <tr>
    <td width="236"><div align="center">
      <p><img src="Logo SACS 4.png" alt="Logo" width="320" height="176" /></p>
    </div></td>
    <td width="638" background="imagenes/business_men.jpg"><p align="center">SACS CONSULTORES</p>
      <dl>
        <dt>
          <div align="center">Bosques de Chihuahua No. 65, Col. Bosques de Mexico, C.P. 54050</div>
        </dt>
        <dd>&nbsp;</dd>
        <dt>
          <div align="center">Tlalnepantla, Edo. de Mexico Tel: 5398-6824</div>
        </dt>
        <dd>&nbsp;</dd>
        <dt>
        


        </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">&nbsp;</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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

luis.cravioto
Usuario Novato
Usuario Novato
#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?

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

luis.cravioto
Usuario Novato
Usuario Novato
#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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

luis.cravioto
Usuario Novato
Usuario Novato
#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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

luis.cravioto
Usuario Novato
Usuario Novato
#11

Gracias, nada mas una pregunta el segundo codigo el de:

body{
 background:transparent;
 }

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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

luis.cravioto
Usuario Novato
Usuario Novato
#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.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro
#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.

luis.cravioto
Usuario Novato
Usuario Novato
#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.

AnteriorSiguienteArriba
Responder
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
TemaUsuariosRespuestasVisitasActividad
FIREWORKS imagenes como fondo de celda
Por: , el 22/Sep/2005, 16:23
alqaid karen-18 chavp26kJan/08