Entrar

Alinear 1 capa al margen inferior de una capa q la contiene

dasghir · · Solicitar retirada
Es decir, tengo una capa llamada navegación que asi mismo contiene una de menus.

En html:
<body>
...
<div id="navegación">
<div id="menus">Capa que contiene enlaces</div>
</div>
...
</body>

y su correspondiente hoja de estilos:

#navegacion { height:200px ; width:800px}
#menus {height:20px ; width:500px}

Es decir tengo una capa navegación que tendrá una imagen de fondo, con 800px de ancho y 200px de altura, y una capa menus que contendrá los enlaces para navegar por el resto de la pagina (20 px de alto y 500px de ancho).

Quiero situar la capa menus alineada en el margen inferior de la capa navegacion. Ademas que quede centrado.

De momento lo he hecho con margin:
#navegacion { height:200px ; width:800px}
#menus {height:20px ; width:500px ; float:left ; margin:180px 150px 0px 150px}

Con esto consigo que la capa menus flote a la izquierda sobre la de navegacion. Además con margin la centro donde quiero.

Mi pregunta es la siguiente: ¿Hay otro método de hacer lo mismo mediante otra instrucción?

Me refiero a un float:bottom o algo asi :P

Todo esto viene a que si hago la vista previa en el dreamweaver lo veo perfecto en los dos navegadores (ie7 y mozilla) pero al subirlo a la red en el IE lo veo 3px más arriba
Raulyure · · Solicitar retirada
dasghir escribió:¿Nadie sabe cómo o es que no hay otra manera? :P

Un saludo!!
Hola:
Entiendo lo que dices y yo también lo suelo hacer así, no se si te servirá lo que te diga, pro cuando uno pone una imagen, ya que no se que es lo que se te ve mas arriba ¿la capa que pusiste ? debe poner el div de cierre en la misma linea en que puso la imagen, si es que la has puesto en la página, : Quiero decir que en el I.E. cuando uno inserta una imagen en una capa, el I.E. le deja un pequeño margen de separación abajo, para que esto no ocurra se suele poner el div de cierre "</div>" a continuación en la misma linea y no en la siguiente como solemos hacerlo. Suele pasar también que cuando uno le pone bordeinferior a la capa que ha puesto dentro de otra que tambien tiene borde inferior algun navegador elimina (por decirlo así) uno de los bordes y deja una separación, no se si te habrá ayudado esta explicación, pero a lo de tu pregunta pues, yo lo hago igual que tu.
Saludos