Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/08/2009, 13:19
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Esquinas adaptadas a pantalla

No lo he probado, así que posiblemente haya alguna omisión
Código css:
Ver original
  1. body, html {width:100%; height: 100%; overflow: hidden;}
  2. ..adorno1, .adorno2, .adorno3, .adorno4 {position:absolute; background:#000; width:50px; height: 50px;}
  3. .adorno1 {top:0; left: 0;}
  4. .adorno2 {top:0; right:0;}
  5. .adorno3 {bottom:0; left: 0;}
  6. .adorno4 {bottom:0; right:0;}
  7. #contenedor {width:100%; height: 100%; overflow: auto;}
  8. #pagina{/*aqui alojas todo el contenido de la página*/}
Código html:
Ver original
  1. <div class="adorno1"></div>
  2. <div class="adorno2"></div>
  3. <div class="adorno3"></div>
  4. <div class="adorno4"></div>
  5. <div id="contenedor">
  6. <div id="pagina>
  7. <!-- el contenido de la página -->
  8. </div>
  9. </div>
  10. </body>
Pensando en ie6, por eso no utilizo 'fixed' en ".contenedor-nº"

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 11/08/2009 a las 13:35 Razón: corregir error de dedo