Tema: FIJAR DIV abajo y a la derecha de la Pantalla
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/11/2012, 13:33
Avatar de datcom
datcom
 
Fecha de Ingreso: enero-2011
Ubicación: Universo local, Vía láctea, Planeta Azul.
Mensajes: 216
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: FIJAR DIV abajo y a la derecha de la Pantalla
Perdon ahji va


Código HTML: 
Ver original
  1. <body>
  2.     <div class="codrops-top"><!--/ Codrops top bar -->
  3.                 <div id="banner">
  4.                     <div class="clr"></div>
  5.                 </div>
  6.     </div><!--/ Codrops top bar -->
  7.     <div id="contenedor">
  8.     <div id="middle"></div>
  9.     <div class="clr"></div>
  10.     <div id="social"></div>
  11.                 </div>
  12. </body>

Código CSS: 
Ver original
  1. html,body {
  2.     margin:0px;
  3.     padding:0px;
  4. }
  5. body {
  6.     font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  7.     font-size: 16px;
  8.     background: #000;
  9.     height:100%;
  10.     text-align: center;
  11.     
  12. }
  13.  
  14. .clr {clear:both;}
  15.  
  16. #contenedor {
  17. width: 1000px;
  18. margin:0 auto;
  19.  
  20. }
  21.  
  22.  
  23. .codrops-top #menu-nav {
  24. float: right;
  25. list-style: none;
  26. font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
  27. -webkit-font-smoothing: antialiased;
  28. margin-top:20px;
  29. }
  30.  
  31.  
  32. #banner {
  33. width: 1000px;
  34. margin: 0px auto;
  35. padding: 0 70px;
  36. text-align: left;
  37. }
  38.  
  39. .codrops-top{
  40. width: 100%;
  41. height:100px;
  42. margin: 0;
  43. background-image: url('bgtop.png');
  44. background-repeat:repeat-x;
  45. text-align: center;
  46.  
  47.     
  48. }
  49.  
  50. #middle {
  51.  margin-top:100px;
  52.  color:#fff;
  53.  width:400px;
  54.  height:200px;
  55.  float:right;
  56.  text-align:right;
  57.  
  58. }
  59.  
  60.  
  61. #social { 
  62. margin-top: 300px;
  63. color: white;
  64. float: right;
  65. background-color: black;
  66. width: 700px;
  67. height:50px;
  68. margin-bottom: 30px;
  69. margin-right: -450px;
  70. position:absolute;
  71.   
  72. }
__________________
De la Luz venimos, y hacia la Luz vamos.
Solo hay una sola verdad, y esa es el Amor.
Ayuda aquien tienes al lado y seras ayudado.
Ánimo!
Última edición por datcom; 30/11/2012 a las 13:42