como poner un fondo de la pagina

novato333 · 8 Dic 2008, 21:09 · Solicitar retirada

Pongo un fondo de la página de prueba, pero el fondo se ve solamente en Firefox y no se ve en IExplorer ni en Maxthon.
¿Qué es lo que hago mal?
Gracias.

cansino · 8 Dic 2008, 23:32 · Solicitar retirada

Si nos muestras el código que utilizas, quizá podamos ayudarte.

Un saludo

Luzbelitocreaciones · 9 Dic 2008, 05:32 · Solicitar retirada

Hola novato333

Date una vuelta por preguntas frecuentes, que te indica como poner una imagen de fondo con el html-kit

http://www.comocreartuweb.com/phpBB2/ftopic14177.html

novato333 · 9 Dic 2008, 15:03 · Solicitar retirada

Pido disculpas - claro que tenía que adjuntar el código.
Aquí esta:

<!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>
<title>Mi nueva página.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
</head>

<body>

06-Dec-2008.</p>

Esta es mi página principal de prueba.</p>

Con esto espero comprobar el efecto que tiene la hoja de estilos sobre el párrafo. La primera línea debería separarse por la izquierda del resto. Vamos a ver si es verdad.</p>

Y "así" se escriben los acentos y otros símbolos especiales como por ejemplo la "ñ". </p>
CreaTuWeb
</body>
</html>

Y esta es la hoja de estilo:

/* Esto es mi hoja de estilo */

BODY { background:url("objetos/fondo1.jpg") ; }
#global{width:800px ; margin:4px auto}

A:link { font-weight: bold ; color: blue ; text-decoration: none; }
A:visited { font-weight: bold ; color: blue ; text-decoration: none; }
A:hover { font-weight: bold ; color: red ; }
A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;
text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; width:800px ;}

/* Fin de mi hoja de estilo */

JorGens · 9 Dic 2008, 17:43 · Solicitar retirada

Buenas amigo!

Por un lado intenta definir el estilo de este otro modo
En lugar de esto:
BODY { background:url("objetos/fondo1.jpg") ; }
con esto otro:
body { background-image: url(objetos/fondo1.jpg) ; }
y nos cuentas, oki?

Seguro que has subido la imagen a la carpeta "objetos"?

Por otro lado, veo que en la hoja de estilos defines una capa llamada #global, pero luego no la usas en la web. Tendlo en cuenta, al menos no lo olvides. Si en el futuro no usas la capa #global puedes eliminar esa línea de la hoja de estilos.

Cuéntanos cómo te va oki?

novato333 · 9 Dic 2008, 18:14 · Solicitar retirada

He hecho lo que me has aconsejado:

BODY { background-image:url(objetos/fondo1.jpg) ; }

A:link { font-weight: bold ; color: blue ; text-decoration: none; }
A:visited { font-weight: bold ; color: blue ; text-decoration: none; }
A:hover { font-weight: bold ; color: red ; }
A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;
text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; width:800px ;}

pero sigo con la misma situación: el Mozila Firefox el fondo se ve perfectamente, pero en Maxthon y en el IExplorer la imagen del fondo no se ve. Lo siento.