Esquinas adaptadas a pantalla

NaRanJiTo78 · #1 (**permalink**) 11/08/2009, 13:08

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!!

kseso? · #2 (**permalink**) 11/08/2009, 13:19

No lo he probado, así que posiblemente haya alguna omisión

Código css:

Ver originalbody, html {width:100&#37;; height: 100%; overflow: hidden;}
..adorno1, .adorno2, .adorno3, .adorno4 {position:absolute; background:#000; width:50px; height: 50px;}
.adorno1 {top:0; left: 0;}
.adorno2 {top:0; right:0;}
.adorno3 {bottom:0; left: 0;}
.adorno4 {bottom:0; right:0;}
#contenedor {width:100%; height: 100%; overflow: auto;}
#pagina{/*aqui alojas todo el contenido de la página*/}

Código html:

Ver original<body>
<div class="adorno1"></div>
<div class="adorno2"></div>
<div class="adorno3"></div>
<div class="adorno4"></div>
<div id="contenedor">
<div id="pagina>
<!-- el contenido de la página -->
</div>
</div>
</body>

Pensando en ie6, por eso no utilizo 'fixed' en ".contenedor-nº"

Un saludo

NaRanJiTo78 · #3 (**permalink**) 12/08/2009, 08:20

Muchas gracias, kseso!!