Foros del Web » Creando para Internet » CSS »

Esquinas adaptadas a pantalla

Estas en el tema de Esquinas adaptadas a pantalla en el foro de CSS en Foros del Web. Hola! Quisiera saber como poer poner 4 elementos correctamente: Son 4 adornos, que irian cada uno a cada esquina del monitor, adaptándose a la resolución ...
  #1 (permalink)  
Antiguo 11/08/2009, 14:08
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Pregunta Esquinas adaptadas a pantalla

Hola!

Quisiera saber como poer poner 4 elementos correctamente:

Son 4 adornos, que irian cada uno a cada esquina del monitor, adaptándose a la resolución de cada monitor, para que siempre sean fijas,sea cual sea ésta.

Entonces, entiendo que tengo que poner a cada una el margen 0 (sea izquierda o derecha),anchura 100% y float:left/right según cada una?

Alguien me puee ayudar para ejarlo niquelado?

Muchas gracias!!
  #2 (permalink)  
Antiguo 11/08/2009, 14:19
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
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 14:35 Razón: corregir error de dedo
  #3 (permalink)  
Antiguo 12/08/2009, 09:20
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Esquinas adaptadas a pantalla

Muchas gracias, kseso!!
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 04:35.