fallita en firefox con z index

Citar

Escrito el 05 Feb 2008 11:26 pm

hola a todos. tengo un div (cabecera) y en overlapping tengo un div menu... el caso es que encima de mi cabecera he puesto un div "menu de navegacion" con poscicion absoluta y z-indez:1 y ayudado de margin top y margin left lo he posicionado segun las coordenadas de l diseño de mi "cabecera" la visualizacion en explorer es correcta mietras que en firfox el "margin-left" al parecer no funciona porque el menu se corre hacia la derecha.. aqui les dejo el estilito

#menu {
background-color:#ffffff; font-size:16px; color:#FF0000; font:Verdana, Arial, Helvetica, sans-serif;
position:absolute; z-index:1;
width: 480px; height:20px;
margin-left: 280px; margin-top:220px;
}
#cabecera {
position:absolute; z-index:0;
}
la cabecera esta centrada en un div que se llama contenedor[/code]

Por fernandopitecus

61 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 06 Feb 2008 12:13 am

Ayudaría q posieses el código completo, o mejor aún, un layout de los elementos integrantes del problema.
En su defecto, la URL de la página en cuestión también es un buen medio para saber de qué hablas.
Con la info que das, no acierto a ver nada.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 06 Feb 2008 01:19 am

mira el documento resumido

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
html, body {margin: 0px; padding: 0px; }
#contenedor {text-align:center; width: 730px; margin:auto;}
#menu {
background-color:#ffffff; font-size:16px; color:#FF0000; font:Verdana, Arial, Helvetica, sans-serif;
position:absolute; z-index:1;
width: 480px; height:20px;
margin-left: 280px; margin-top:220px;
}
#cabecera {
position:absolute; z-index:0;
}
#menu a {color:#333333;
text-decoration:none;
}
#menu a:hover{background-color:#CC0000;
color:#FFFFFF;
}
#menu a:active {background-color:#999999;}
</style>
</head>

<body>
<div id="menu">
<a href="capas.html" target="_self">miempresa</a> ::
<a href="capas2.html" target="_self">quienes somos</a> ::
<a href="rrr">productos</a> ::
<a href="fff">contacto</a></div>
<div id="contenedor">
<p><img src="head.jpg"/></p></div>

</body>

</html>

Por fernandopitecus

61 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 06 Feb 2008 01:35 am

La verdad... q no lo veo muy claro...
¿podrías poner una captura de pantalla de cómo te gustaría q quedara?
Porque como lo veo en InternetExplorer7, tp parece "bonito"

En cualquier caso...
No posiciones con "margin"
Posiciona con "top" y left"

ya nos contarás.

*PD: en tu ejemplo, no aparece el <DIV id="cabecera">...
¿no se suponía q ese estaba involucrado en el problema?

fernandopitecus escribió:

hola a todos. tengo un div (cabecera) [...]

#cabecera {
position:absolute; z-index:0;
}
[...]

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

fallita en firefox con z index

Escribe una respuesta rapida