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.