problemas con fonfo

garzoni · #1 (**permalink**) 27/11/2007, 13:57

Muy Buenas, tengo un gran problema, vamos a aver, os situo: Tengo una web con 3 marcos (izquierda.htm, arriba.htm, centro.htm y conjunto.htm) y lo tengo todo en globado en index.htm a través de la etiqueta <iframe> que cuyo fondo es imagen.gif (lo tengo así para poder tener un una imagen de fondo en común)

En Firefox funciona todo bien el fondo se común para todos, pero en explorer no.

DragonX · #2 (**permalink**) 27/11/2007, 14:14

tu explicación es muy resumida como para que entendamos cuál es el problema.

garzoni · #3 (**permalink**) 28/11/2007, 07:42

lo que necesito es poner una imagen en de fondo en común imaginate que es un paisaje (por ejemplo una casa con un rio), pero al tener los tres marcos la página si la pongo en cada una se distorsiona y no se pone en común.

He pensado en crear una página que en su código utilizando la etiqueta iframe haga llamar a la página y poder utilizar el fondo en común, mira puedes ver el caso en la siguiente dirección: www.elpresi.com/ciudadberja si lo abres con internet explorer no se ve, pero si por el cambio se abre con firefox va de puta madre.

Un saludo,

Eourus · #4 (**permalink**) 28/11/2007, 09:37

¿No te sería más facil hacerlo todo en una sola página? Podrías utilizar divs con identificadores.

Código HTML:

<div id="arriba">arriba</div>
<div id="izquierda">menu</div>
<div id="centro">contenido</div>
<div class="limpia"></div>

Y el código css:

Código:

body { background-image:url('fondo.gif'); }
#arriba { width:100%; }
#izquierda { width: 25%; float:left; }
#centro {width:70%; float:right; }
.limpia { clear:both; }

garzoni · #5 (**permalink**) 28/11/2007, 14:47

que va no me funciona, lo he puesto como viene en tu mendaje y no me funciona.

Eourus · #6 (**permalink**) 29/11/2007, 02:04

pero ¿has quitado todos los frames?.

En el html, donde pone "menu" debería ir ahi la parte del código que contiene ese frame. Y lo mismo con los demas.

garzoni · #7 (**permalink**) 29/11/2007, 05:47

perdona pero tenga la cabeza echa un bombo, no lo entiendo, el código que me dices en qué página/s lo tengo que poner en: arriba.htm, centro.htm, izquierda.htm, conjunto.htm o index.htm????

Eourus · #8 (**permalink**) 29/11/2007, 05:52

Habla del index.htm

Luego el código que tienes dentro de arriba.htm lo metes dentro del div con dicho nombre.

Luego haces lo igual con las demás. La idea es no usar frames.

garzoni · #9 (**permalink**) 29/11/2007, 06:12

nada de nada, no me funciona

Eourus · #10 (**permalink**) 29/11/2007, 06:30

pega el código fuente de la prueba que has hecho.

garzoni · #11 (**permalink**) 29/11/2007, 06:45

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Ciudad de Berja Futbol Sala</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<div id="arriba">aqui hay que poner todo lo que contiene la pagina</div>
<div id="izquierda">idem de lo mismol</div>
<div id="centro">igual para todo</div>
<div class="limpia"></div>

<body { background-image:url('fondo.gif'); }
#arriba { width:100%; }
#izquierda { width: 25%; float:left; }
#centro {width:70%; float:right; }
.limpia { clear:both; }>
</body>
</html>

Eourus · #12 (**permalink**) 29/11/2007, 06:55

A ver que te lias :)

la cosa quedaría asi:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Ciudad de Berja Futbol Sala</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<style type="text/css">
body { background-image:url('hola.gif'); }
#arriba { width:100%; }
#izquierda { width: 25%; float:left; }
#centro {width:70%; float:right; }
.limpia { clear:both; }
</style>

<body>

<div id="arriba">aqui hay que poner todo lo que contiene la pagina</div>
<div id="izquierda">idem de lo mismol</div>
<div id="centro">igual para todo</div>
<div class="limpia"></div>

</body>
</html>

garzoni · #13 (**permalink**) 29/11/2007, 07:07

gracias!!, va estupendo, ahora voy a intentar meterle el menú en javascrip

garzoni · #14 (**permalink**) 29/11/2007, 07:12

cojunudo tambien con el menú en javascrip.

una cosa, como se puede hacer un salto de línea??, vamos un intro

Eourus · #15 (**permalink**) 29/11/2007, 08:27

existen muchas maneras :) ... en html con los "<br>" te valen si es para capas y demas puedes usar las propiedades padding o margin.

garzoni · #16 (**permalink**) 29/11/2007, 08:53

gracias tio, eres un fenómeno, voy a ir desarrollandola, cuando la tenga casi terminada te la enseño.

gracias