Foros del Web » Creando para Internet » CSS »

problema con posicion absolute y relative

Estas en el tema de problema con posicion absolute y relative en el foro de CSS en Foros del Web. Hola, os cuento mi problema, he puesto una imagen en la columna de la izquierda de mi pag www.videoclubmadison.com , justo debajo de donde pone ...
  #1 (permalink)  
Antiguo 29/05/2010, 16:37
 
Fecha de Ingreso: febrero-2008
Mensajes: 53
Antigüedad: 16 años, 2 meses
Puntos: 0
problema con posicion absolute y relative

Hola, os cuento mi problema, he puesto una imagen en la columna de la izquierda de mi pag www.videoclubmadison.com, justo debajo de donde pone ZONA GAME.

En realidad son dos imagenes, la caratula del juego y una transparencia que he hecho con la plantilla de la caja de Ps3.

Ahora el problema:
Lo que pasa es que juego con relative y absolute para hacer eso, al principio tuve problemas por que cuadre la transparencia en mi portatil y cuando lo veias en otro ordenador con otra resolucion, quedaba descuadrada, solucioné eso metiendo la transparencia dentro del div de la caratula pero para ello tuve que darle un top: -225px; y ahora el problema es que me queda un hueco debajo de las caratulas como si estubiese alli la transparencia pero en realidad la he subido con el top.

y no se que hacer para solucionarlo. Os dejo el codigo css y php para ver que me recomendais. Mil gracias de antemano y un saludo.

CSS

Código PHP:
/* Sobreponer columna izq videojuegos  */

.contenido .columna_izquierda .superponer{
    
background-imageurl(../img/zona_game/fondo.jpg);
    
background-repeatrepeat-y;
    
background-positionleft top;
    
/*padding: 10px;*/
    
text-aligncenter;
    
border-left-widththin;
    
border-left-stylesolid;
    
border-left-color#222222;
    
padding-top20px;
    
}
.
contenido .columna_izquierda .texto{
    
text-aligncenter;
    
positionrelative;
    
top: -244px;    
    
}
.
contenido .sobreponer img{
    
left3px;
    
top: -225px;
    
overflowhidden;
    
height244px;
}
.
contenido .columna_izquierda .superponer img{
    
positionrelative

PHP

Código PHP:
        <div class="superponer"><h3>ZONA GAME</H3></div>
        <
div class="superponer"><img src="http://portadas.videoclubmadison.com/videojuegos/'.$registro['portada'].'" width="160" height="208"/>
        <
div class="sobreponer"><a href="'.$web.'videojuegos/'.$registro['alias'].'.html"><img src="'.$web.'img/'.$brillo.'" width="200" height="255" alt="portada del videojuego '.utf8_encode($registro['titulo']).' (estreno en videoclub)"/></a><br />
        <
div class="texto">FECHA DE ESTRENO</br><h3><font size="3">'.$fecha.'</H3></font></div>
        </
div>
        </
div>
        ; 
Tambien si os meteis en la pag y justo en el hueco ese que os comento esta el enlace ahi enmedio pasad el raton y vereis como lo encontrais, j***r estoy agobiado con esto me trae de cabeza.

Os lo agradereia en el alma estoy empezando por favor criticarme o lo que sea pero ayudenme jajajaj

un saludoooooo.
  #2 (permalink)  
Antiguo 30/05/2010, 05:02
 
Fecha de Ingreso: febrero-2008
Mensajes: 53
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: problema con posicion absolute y relative

por favor alguien que me eche un cableeeee que me oriente aunqque seaaa pleaseeee!!!!!

Mil gracias de antemanooooooooo!!!!!


Etiquetas: posicion, relative
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:37.