Problema con no se qué

_cronos · #1 (**permalink**) 25/04/2010, 13:57

Hola gente, estoy haciendo una web y se me superpone una imagen, que en teoría tenía que ir de fondo aunque fuera un img porque le puse width y height 100% pero q solo le fuinciona el width; sobre el texto, ya les puse z-index a los 2 pero no me funciona, ¿alguien sabe donde está el problema?

Código HTML:

Ver original<html>
 <head>
  <title>A</title>
 </head>
 <body>
  <img src="http://i44.tinypic.com/27y5mxh.jpg" border="0" alt="Fondo" 
 
style="height:100%; width:100%; z-index:2; position: absolute;">
  <div style="font-weight: bold; z-index:1; width:100%; height:100%; 
position:relative;">
  <center><span style="font-size:44px; font-family: Algerian; color: 
#FF0000;">SEMIDIOSES</span><br>
  <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">La Cantera de los DIOSES -GOD-<br>
Somos la cuna de los grandes guerreros que rinden culto a  los dioses 
 
de la mitología griega, grandes dioses con poderío y que han dejado una 
 
historia hasta nuestros días.
Con grandes ideales que incluyen la bondad, el apoyo, y el honor, pero 
 
también poseemos  la inclemencia con aquellos que dentro de la 
 
ignorancia de su sed de poderío sucumben a los males del mundo: la 
 
codicia, la avaricia, la lascivia, la maldad y el egoísmo.
Aquí enseñamos las tácticas para llegar a ser grandes dioses guerreros 
 
para crecer y permanecer en la inmortalidad de los días…<br>
¿El gran premio? ¡¡El honor de que nadie podrá ensuciar jamás  nuestros 
 
nombres y nuestras ciudades por falta de humildad, bondad, honor, 
 
temple y fortaleza para acabar con aquellos que pretenden o han 
 
pretendido dañar el buen nombre de los dioses de la antigua 
 
Grecia!!</span><br>
 <span style="font-size:28px; font-family: Algerian; color: #000000;">
 COMPROMISOS DE LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">
 -Ofrecer apoyo y asesoría militar en cuanto a ataques y saqueos.<br>
 -Ofrecer apoyo económico (provisión de algún recurso necesario para 
 
crecer).<br>
 -Ayuda, información y apoyo en cuanto a dudas sobre cualquier tema en 
 
particular para avanzar en el juego.</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">REGLAS DE LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">-Respeto mutuo entre todos los miembros de la alianza.
-Colaboración y ayuda mutua entre todos los miembros.<br>
-Conectarse mínimo una vez al  día ( por lo menos para ver los mensajes 
 
dirigidos a toda la alianza) y ser activo en todo momento.<br>
-Solucionar los problemas por medio del diálogo y dejar la violencia 
 
como última solución y hacerle saber a los miembros  de los altos 
 
cargos de la cantera la situación en todo momento para que ellos se 
 
encarguen de tomar las medidas pertinentes a cada caso.<br>
-Acatar las decisiones tomadas por los mismos.<br>
-Respetar los acuerdos de paz con otras Alianzas tanto de la cantera 
 
como de la Alianza principal.</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">REQUISITOS PARA UNIRSE A LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">
-Poseer más de 500 puntos totales.<br>
-Cambiar vuestro nombre por el de algún dios (preguntar al diplomático 
 
las opciones que hay para escoger y así evitar la repetición de 
 
alguno).<br>
-Ser activo y tener ganas de crecer.<br>
-No pertenecer a ninguna otra alianza ni encontrarse en conflicto con 
 
ninguna.<br>
-Estar dispuesto a acatar las reglas para así permitir un mejor 
 
desenvolvimiento de la alianza.<br>
Si estas de acuerdo con estas condiciones ya formas parte de la alianza 
 
</span><br>
 <span style="font-size:24px; font-family: Algerian; color: 
#000000;">SEMIDIOSES</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">¡BONDAD, HONOR Y CAUSA ES NUESTRO LEMA!<br>
SEMIDIOSES</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">¡¡¡El primer paso para llegar al Olimpo!!!</span>
  </center>
  </div>
 </body>
</html>

Ya sé que se podrían usar clases e ids pero no los puedo usar, muchas gracias (:

Asccort · #2 (**permalink**) 25/04/2010, 18:53

Saludos.

Me resulta un poco extraño tu codigo, existen varias maneras un poco mas "limpias" de poder hacerlo.

Aunque nose cuales serán tus requerimientos pero creo que el problema radica en los siguientes puntos

1 - El Z-index de la imagen debe ser inferior, menor numero "mas atras"

2 - Para que funcione el 100% debes colocar el tamaño del html y el body en 100% y sin margenes ni padding para que quede mas "limpio"

Aqui tengo tu codigo con los arreglos

Código HTML:

<html>
 <head>
  <title>A</title>
  <style type="text/css"> 
html, body{
	width:100%;
	height:100%;
	overflow:hidden; 
	margin:0; 
	padding:0;
}
</style> 
 </head>
 <body>
  <img src="http://i44.tinypic.com/27y5mxh.jpg" border="0" alt="Fondo" style="height:100%; width:100%; z-index:1; position: absolute;">
  <div style="font-weight: bold; z-index:2; width:100%; height:100%; 
position:relative;">
  <center><span style="font-size:44px; font-family: Algerian; color: 
#FF0000;">SEMIDIOSES</span><br>
  <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">La Cantera de los DIOSES -GOD-<br>
Somos la cuna de los grandes guerreros que rinden culto a  los dioses 
 
de la mitología griega, grandes dioses con poderío y que han dejado una 
 
historia hasta nuestros días.
Con grandes ideales que incluyen la bondad, el apoyo, y el honor, pero 
 
también poseemos  la inclemencia con aquellos que dentro de la 
 
ignorancia de su sed de poderío sucumben a los males del mundo: la 
 
codicia, la avaricia, la lascivia, la maldad y el egoísmo.
Aquí enseñamos las tácticas para llegar a ser grandes dioses guerreros 
 
para crecer y permanecer en la inmortalidad de los días…<br>
¿El gran premio? ¡¡El honor de que nadie podrá ensuciar jamás  nuestros 
 
nombres y nuestras ciudades por falta de humildad, bondad, honor, 
 
temple y fortaleza para acabar con aquellos que pretenden o han 
 
pretendido dañar el buen nombre de los dioses de la antigua 
 
Grecia!!</span><br>
 <span style="font-size:28px; font-family: Algerian; color: #000000;">
 COMPROMISOS DE LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">
 -Ofrecer apoyo y asesoría militar en cuanto a ataques y saqueos.<br>
 -Ofrecer apoyo económico (provisión de algún recurso necesario para 
 
crecer).<br>
 -Ayuda, información y apoyo en cuanto a dudas sobre cualquier tema en 
 
particular para avanzar en el juego.</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">REGLAS DE LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">-Respeto mutuo entre todos los miembros de la alianza.
-Colaboración y ayuda mutua entre todos los miembros.<br>
-Conectarse mínimo una vez al  día ( por lo menos para ver los mensajes 
 
dirigidos a toda la alianza) y ser activo en todo momento.<br>
-Solucionar los problemas por medio del diálogo y dejar la violencia 
 
como última solución y hacerle saber a los miembros  de los altos 
 
cargos de la cantera la situación en todo momento para que ellos se 
 
encarguen de tomar las medidas pertinentes a cada caso.<br>
-Acatar las decisiones tomadas por los mismos.<br>
-Respetar los acuerdos de paz con otras Alianzas tanto de la cantera 
 
como de la Alianza principal.</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">REQUISITOS PARA UNIRSE A LA ALIANZA</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">
-Poseer más de 500 puntos totales.<br>
-Cambiar vuestro nombre por el de algún dios (preguntar al diplomático 
 
las opciones que hay para escoger y así evitar la repetición de 
 
alguno).<br>
-Ser activo y tener ganas de crecer.<br>
-No pertenecer a ninguna otra alianza ni encontrarse en conflicto con 
 
ninguna.<br>
-Estar dispuesto a acatar las reglas para así permitir un mejor 
 
desenvolvimiento de la alianza.<br>
Si estas de acuerdo con estas condiciones ya formas parte de la alianza 
 
</span><br>
 <span style="font-size:24px; font-family: Algerian; color: 
#000000;">SEMIDIOSES</span><br>
 <span style="font-size:28px; font-family: Algerian; color: 
#000000;">¡BONDAD, HONOR Y CAUSA ES NUESTRO LEMA!<br>
SEMIDIOSES</span><br>
 <span style="font-size:24px; font-family:'Colonna MT'; color: 
#000000;">¡¡¡El primer paso para llegar al Olimpo!!!</span>
  </center>
  </div>
 </body>
</html>

_cronos · #3 (**permalink**) 27/04/2010, 11:40

Vale ya me funciona, al final saque un ejemplo de http://zoneartcss.com/ejemplos/css/redimencionar_fondo_css/imagen_redimensionada.html

Bueno, lo de ya me funciona es relativo, porque la página hecha sí funciona, pero yo la meto dentro de otra página que no es mía, y esa página no deja hacer clases ni id's, y es por eso que no las había en el código original, a mí tampoco me gusta trabajar así, pero bueno; y allí no funciona lo que se ve en la página esta de los ejemplos así que al final opté por poner un fondo normal y corriente y a correr, pero gracias igualmente y perdón por tardar en contestar.

Saludos (: