Foros del Web » Creando para Internet » CSS »

Div por ensima de todo

Estas en el tema de Div por ensima de todo en el foro de CSS en Foros del Web. Hola, haciendo un menu me tope con el problema que me queda abajo del flash: La forma que inserto el flas en la web es ...
  #1 (permalink)  
Antiguo 26/02/2010, 09:19
Avatar de ONahuelO  
Fecha de Ingreso: junio-2009
Ubicación: Gualeguaychú, Argentina
Mensajes: 144
Antigüedad: 14 años, 9 meses
Puntos: 4
Div por ensima de todo

Hola, haciendo un menu me tope con el problema que me queda abajo del flash:


La forma que inserto el flas en la web es con js, para que me quede trasparente, aca esta el codigo:

Código:
<div id="Pagina">
<div id="bodywrap">
<div id="header">
 <div  style=" background-image:url(menu_bg.png); height:60px; visibility:visible; position:relative;">
MENU
 </div>	   
<div id="visual">
<script type="text/javascript">Embed.Flash('http://10.0.0.3/main.swf', '975', '518', 'transparent', 'MainVisual', 'MainVisual', 'xmlLocation=http://10.0.0.3/MainEventBanner.xml');</script>
</div></div></div></div>
No se que propiedad darle a la div del menu para que quede por ensima de todo
  #2 (permalink)  
Antiguo 26/02/2010, 17:11
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años
Puntos: 101
Respuesta: Div por ensima de todo

Tu flash tiene que tener el parametro background: transparent.
  #3 (permalink)  
Antiguo 26/02/2010, 19:12
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 9 meses
Puntos: 269
Respuesta: Div por ensima de todo

Si no me equivoco #header y #visual son hermanos, ambos hijos de #bodywrap (tabula tu código amigo )

entonces, si quieres que #header se encuentre por encima de #visual:

#header {position:/*la que desees*/; /*controlas la posición con top-left-right-bottom*/ z-index:2;}
#visual {position:/*la que desees*/; /*top-left-right-bottom*/z-index:1;}
El numero mayor vendrá más adelante.

En el siguiente ejemplo #visual quedará por detrás de #header:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <style type="text/css">
#header {position:absolute; top:0; left:0; z-index:2; background-color:red; width:100px;}
#visual {position:absolute; top:50; left:0; z-index:1; background-color:blue; width:100px;}
        </style>
    </head>
<body>
<div id="Pagina">
        <div id="bodywrap">
                <div id="header">
                <p>esto se ve por arriba</p>
                </div>
                <div id="visual">
                    <p>esto se ve por debajo</p>
                </div>
            </div>
        </div>
</div>
Si copias y pegas el código verás que solo se visualizan 50px de #visual, es decir, su mitad inferior, siendo tapado por #header.

Espero te sirva, saludos!

Última edición por cristian_cena; 26/02/2010 a las 19:27
  #4 (permalink)  
Antiguo 27/02/2010, 15:21
Avatar de cybernatico  
Fecha de Ingreso: enero-2010
Ubicación: México
Mensajes: 138
Antigüedad: 14 años, 2 meses
Puntos: 6
Respuesta: Div por ensima de todo

Lo único que tienes que hacer es darle la propiedad {position:absolute;} al div que quieras y ya.

Etiquetas: todo
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 03:14.