Crear un borde para redodnear la web

Me gustaria ponerle un borde a la web redodneado y de color rojo (por ejemplo), pero no se en que capa tengo que colocarlo.

Me gustaria hacerlo para http://www.eluniversodelperro.com/prueba/ que el contenido (desde la imagen de logo hasta el final (lo que seria el "cuerpo" por llamarlo asi) estuviera redondeado.

¿Alguien me puede echar una mano?

Muchas gracias

Eso se hace igual que jorgens hizo en la plantilla de cctw, creo que hay una sección de la web que deja descarga la plantilla. Descárgala y mira su código, usa dos divs con dos imágenes de fondo que hacen las curvas superior e inferior.

Saludos

Es verdad, ya recuerdo que Jorgens hacia lo mismo para su web, ahora voy a echar un vistazo en que parte de codigo, y mirare para hacer yo lo mismo.

Gracias

Ya me he copiado las imagenes y he copiado el codigo necesario, estoy probando con la curva-superior (la inferior sera hacer lo mismo) pero no termino de encotnrar la manera de colocarlo.

el div se llama: curva-superior, pero no se me ajusta la imagen al ancho del div que lo contiene, y me deja de fondo un trozo en blanco que me gustaria que no apareciera.

He puesto la capa curva-superior en 2 divs diferentes para probar en cual iria mejor.

¿Alguna sugerencia?

Muchas gracias

Haber pero tu tienes el div exactamente igual que jorgens no? Y tienes la misma imagen de fondo que usaba jorgens no? Pues te tiene que salir igual, ahora bien, si en vez de usar una imagen de 800 px (por decir algo), usas una de 700px pues te quedará un hueco blanco claro.

Te dejo varios artículos que explican cómo hacer lo que quieres de varias formas:

http://www.desarrolloweb.com/articulos/2178.php
http://www.desarrolloweb.com/articulos/2217.php
http://www.desarrolloweb.com/articulos/2254.php
http://www.desarrolloweb.com/articulos/caja-esquinas-redondeadas-si…

Saludos ;)

Les recomiendo comenzar usando CSS3...

:arrow: Como redondear esquinas en CSS3

div {
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}

Ahora explico:
La primera linea es para redondearlo en Firefox.
La segunda es para redondear en Opera.
La tercera redondea en Safari y Chrome.
Internet Explorer aun NO cuenta con esa opcion. Lo tipico, vamos.

Bien pues van en direccion de las agujas del reloj: arriba, derecha, abajo, izquierda.
Sustituye la palabra div por la clase q quieras ponerle.

Visita http://www.comocreartuweb.com/phpBB2/sutra129841.html#129841 para un tutorial de CSS3.

Lo que te comenta olurarak es una buena opción la verdad, la pasé por alto porque nunca me puse a usarla por no ser compatible con IE pero si te dá un poco igual que no se vea redondeado en IE o si pocos usuarios de tu web lo usan, el css3 es una opción genial.

Saludos

Muchas gracias, intentare ponerlo como habeis dicho, si no me funciona ya os preguntare.

Un saludo