Foros del Web » Creando para Internet » CSS »

probelmas con z-index

Estas en el tema de probelmas con z-index en el foro de CSS en Foros del Web. hola a [email protected] estoy diseñando una página en la cual parte de esta tiene un color de fondo con una serie de imagenes dentro, en ...
  #1 (permalink)  
Antiguo 31/08/2006, 06:08
Avatar de capagris  
Fecha de Ingreso: julio-2003
Mensajes: 131
Antigüedad: 14 años, 10 meses
Puntos: 0
probelmas con z-index

hola a [email protected]

estoy diseñando una página en la cual parte de esta tiene un color de fondo con una serie de imagenes dentro, en explorer se ve sin problemas pero en firefox no se ve bien, adjunto codigo.


CSS

Código:
} 

#contenedor{ 
    text-align: left; 
    width: 638px;
     height: 900px; 
    margin: auto; 
} 

#logo{
    width: 638px;
    height: 23px;
    float:left;
    margin:25px 0 25px 0px;
    z-index: 0;
}

#serie{
    
    background-color: #46402d;
    width: 110px;
    font-size: 16px;
    height: 28px;
    float:left;
    color:#ffffff;
    z-index: 0;
    text-align: center;
    padding-top: 9px;
}

#titulo1{
    background-color: #7f7f7f;
    float:right;
    width:    109px;
    height: 21px;
    font-size: 12px;
    color: #ffffff;
    margin-top: 9px; 
    text-align: center;
    padding-top: 7px; 
    z-index: 0;
}

#titulo2{
    background-color: #01203a;
    float:right;
    width:    109px;
    height: 21px;
    font-size: 12px;
    color: #ffffff;
    margin-top: 9px;
    text-align: center;
    padding-top: 7px;
    z-index: 0;
}

#fondo_azul{
    width: 638px;
    height: 245px;
    z-index: 0;
    background-color: #01203a;
}

#imgspa{
    margin: 0 5px 0 5px;
    float:left;    
    margin-top: 30px;
    margin-left: 15px;
    z-index: 1;    
}

#foto{
    float: right;
    margin-top: 30px;
    z-index: 1;    
}

#lupa{
    float: left;
    z-index: 1;
    margin-left: 40px;
    margin-top: 3px;
    font-size: 8px;
    color: #ffffff;    
}

#modelo{
    float:left;
    margin: 30px 0 0 16px;
    z-index: 1;
}

#solicita{
    float:left;
}

#linea1{
    width:633px;
    height: 17px;
    color: #ffffff;
    font-size: 12px;
    background-color: #01203a;
    margin: 10px 0 10px 0px;
    padding: 2px 0 0 5px;
}

#txt{
    width:628px;
    font-size:12px;
    text-align:justify;
    margin: 5px 0px 5px 0px;
    padding: 0 5px 0 5px;
    line-height: 18px;
}
HTML

Código:
<div id="logo"><img src="img/logo.gif" /></div>
    <div id="serie">SERIE 600</div><div id="titulo1">Denali</div><div id="titulo2">Burlington</div>
    <div id="fondo_azul"><div id="imgspa"><img src="img/spa.jpg" /></div><div id="foto"><img src="img/img.jpg" /></div><div id="lupa"><img src="img/lupa.gif" /> Ampliar imagen</div><div id="modelo"><img src="img/name.gif" /></div></div>
    <div id="solicita"><a href="#"><img src="img/informacion.gif" border="0"/></a></div>
    <div id="linea1">DISFRUTE DE SU SPA  CON SU FAMILIA Y SUS AMIGOS</div>
    <div id="txt">Desde las increíbles vistas del lago Champlain a los altos arces, la bella ciudad de CASANUECES, Vermont, es el nombre que se le dio al “buque insignia” de la Serie 680. Este baño, con todas las características, tiene el espacio suficiente para 6 adultos; incluye 32 chorros de tratamiento, un asiento reclinado ergonómicamente diseñado y una cascada elegante. Es el lugar perfecto para entretener a los amigos o relajarse después de un día estresante.</div>
si alguien me puede orientar un poco lo agradecería.

saludos
__________________
..::Todo lo que no aprendí, no se me ha olvidado.::..

Última edición por capagris; 31/08/2006 a las 06:17
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 07:03.