como se hace esto (maquetacion)

[rufus]

tengo dos imagenes png para formar un marco con los bordes redondeados donde va a ir dentro contenido(imagenes más texto). en el css del div="contenido" e puesto el background-image:con la parte superior del cuadrado.

Pero como hago para colocar los bordes del cuadrado que es otra imagen de 2 pixeles de anchura en vertical??? tengo que crear un div class="margenizquierdo"> y colocarle con el css ahi la imagen del borde vertical izquierdo del cuadrado???


http://newism.com.au/ en esta web esta el ejemplo donde va en la portada el contenido principal kiero hacer algo parecido..........

[kyedesigns]

Hola

Creo que existe una forma mas facil de hacer bordes con las esquinas redondas con CSS. Aqui te dejo un ejemplo que hara que funcione en los navegadores principales.

#contenido {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

Donde:

• -moz: Es la instruccion para Mozilla Firefox
• -webkit: Es para Safari
• border: Ya sabemos que es lo general, IE y otros navegadores

Espero que esto te ayude en algo a lograr lo que deseas.

Saludos