Estoy tratando de redondear los bordes con divs y una imagen. Este modo lo uso siempre:
Código html:
El problema no se porque ahora IE me coloca el div de abajo(bottom) a 10 pixele de distancia .Ver original
<style type="text/css"> <!-- .contenido { margin: 1px; padding: 3px; height: 100%; width: 100%; } .contenido .colm_uno { width: 60%; float: left; } .contenido .colm_dos { float: right; width: 35%; } .contenido .colm { float: left; background-color: #C6E1FF; margin: 3px; padding: 5px; position: relative; } .contenido .clear { clear: both; height: 1px; width: 1px; } .contenido .colm .top-l { background-image: url(../images/cuadros/m/bm.png); background-repeat: no-repeat; background-position: left -148px; height: 10px; width: 10px; position: absolute; left: 0px; top: 0px; } .contenido .colm .top-r { background-image: url(../images/cuadros/m/bm.png); background-repeat: no-repeat; background-position: -40px -148px; height: 10px; width: 10px; position: absolute; right: 0px; top: 0px; } .contenido .colm .bottom-l { background-image: url(../images/cuadros/m/bm.png); background-repeat: no-repeat; background-position: left -188px; height: 10px; width: 10px; position: absolute; left: 0px; bottom: 0px; } .contenido .colm .bottom-r { background-image: url(../images/cuadros/m/bm.png); background-repeat: no-repeat; background-position: -40px -188px; height: 10px; width: 10px; position: absolute; right: 0px; bottom: 0px; } --> </style> <div class="contenido"> </div> </div> </div>
La imagen bm.png contiene muchos bordes de distintos colores, y seleciono el que nesesito.
Gracias
Salu2