Cuadro con esquinas redondeadas.

[.wh0g3.]

Hola a todos.

Hay un tutorial en sobre como hacer para que nuestra página este metida en un cuadro con las esquinas redondeadas: http://www.maestrosdelweb.com/editorial/cssesquinas/

Ya hize todos los pasos y todo funciona bien.

El error me resulta cuando intento meter TODO ese código del tutorial dentro de otro <div>. Al hacer eso, ya no se ve mi cuadro de esquinas redondeadas completo. Le falta la parte de la derecha. =(

Ejemplo del código que sí funciona:

Código:

<div id="top">
       <img src="css/imagenes/sup_izq.gif" class="izq" alt=""/>
       <img src="css/imagenes/sup_der.gif" class="der" alt=""/>
    </div>
    <div id="content">
       <div id="box_control">
          <br />
          hola
          <br />
       </div>
    </div>
    <div id="bottom">
       <img src="css/imagenes/inf_izq.gif" class="izq" alt=""/>
       <img src="css/imagenes/inf_der.gif" class="der" alt=""/>
    </div>

Ejemplo del código que NO funciona:

Código:

<div id="cuadroprincipal">
    <div id="top">
       <img src="css/imagenes/sup_izq.gif" class="izq" alt=""/>
       <img src="css/imagenes/sup_der.gif" class="der" alt=""/>
    </div>
    <div id="content">
       <div id="box_control">
          <br />
          hola
          <br />
       </div>
    </div>
    <div id="bottom">
       <img src="css/imagenes/inf_izq.gif" class="izq" alt=""/>
       <img src="css/imagenes/inf_der.gif" class="der" alt=""/>
    </div>
  </div> 

A que creen que se deba este problema?? Por cierto, el problema solo ocurre con IE. En Opera y Firefox, se ve bien.

Este error lo pueden ver en línea en http://gerardorcm.byethost8.com

La intención de poner todo ese código en otro <DIV> es para poder centrar toda la página en la pantalla.

Muchas gracias,
.wh0g3.

[Daniel M.]

Pues dejame decirte q lo acabo de ver en IE y firefox y no veo ningun error..las esquinas reondeadas funcionan bien , aunque la validacionde xhtml anda mas, me imagino q se debe al banner de publicidad y todo eso,no pude validar tu css pero bueno no hay prblemas en tus esquinas!

[.wh0g3.]

El problema no es con las esquinas, es con el fondo (relleno) del cuadro que tiene las esquinas.

De cualquier modo, ya lo puede arreglar, el problema era que no estaba declarando explícitamente el color de dicho relleno. Me parece que siempre que usas la propiedad color, deber también especificar la propiedad background-color y viceversa; siempre van esas propiedades juntas. Al menos así es como se arreglo el problema.

Daniel: El problema lo repare ayer por la noche, por eso ya no pudiste ver lo que pasaba. ;) Gracias de cualquier forma.


.wh0g3.