Foros del Web » Creando para Internet » CSS »

capa flotante

Estas en el tema de capa flotante en el foro de CSS en Foros del Web. hola, tengo una duda, tengo una capa principal llamada contenedor que esta centrada horizontalmente en la pagina, por otro lado tengo el menu que esta ...
  #1 (permalink)  
Antiguo 21/05/2009, 13:22
Avatar de Verys  
Fecha de Ingreso: octubre-2008
Ubicación: Argentina
Mensajes: 48
Antigüedad: 9 años, 2 meses
Puntos: 1
capa flotante

hola, tengo una duda, tengo una capa principal llamada contenedor que esta centrada horizontalmente en la pagina, por otro lado tengo el menu que esta fijo junto a la capa principal como se ve en la imagen

htt://i39.tinypic.com/52xahy.jpg

ahora si viene la pregunta tengo una pagina la de "nosotros" que es muy pequeña 400 x 400px y va a estar centrada en la pagina tanto vertical como horizontal, que codigo debo usar para que la capa del menu quede junto a capa principal?

espero que me entiendan

Saludos =)
  #2 (permalink)  
Antiguo 21/05/2009, 14:17
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: capa flotante

Cita:
Iniciado por Verys Ver Mensaje
ahora si viene la pregunta tengo una pagina la de "nosotros" que es muy pequeña 400 x 400px y va a estar centrada en la pagina tanto vertical como horizontal, que codigo debo usar para que la capa del menu quede junto a capa principal?
junto a la capa y a su izquierda (como en la imagen)
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
  3. <title>Centrado hor/vert y  a su lado</title>
  4. <style type="text/css">
  5. html, body {
  6. background-color: #AAFF28;
  7. }
  8. #contenedor {
  9. background-color: #cdcdcd;
  10. width: 400px;
  11. height: 400px;
  12. position: absolute;
  13. top: 50%;
  14. left:50%;
  15. margin-left: -200px;
  16. margin-top:-200px;
  17. }
  18. #menu {
  19. background-color: #444;
  20. position:absolute;
  21. width: 50px;
  22. height:250px;
  23. left: -50px;
  24. }
  25. </head>
  26. <div id="contenedor">
  27. <div id="menu">
  28. </div>
  29. </div>
  30. </body>
  31. </html>

Muy importante que observes la relación entre los valores de "top/left" y la "anchura/altura"
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 21/05/2009 a las 14:27
  #3 (permalink)  
Antiguo 22/05/2009, 15:10
Avatar de Verys  
Fecha de Ingreso: octubre-2008
Ubicación: Argentina
Mensajes: 48
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: capa flotante



muchas gracias kseso?

Saludos =)
  #4 (permalink)  
Antiguo 22/05/2009, 15:43
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: capa flotante

Cuánta efusividad, pero no es para tanto.
Me alegra saber que te fue de utilidad.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 12:16.