Hola. Estoy intentando utilizar nifty para dar a las diferentes capas ese aspecto redondeado que tan de moda está. El problema es que dependiendo de como expanda la capa (utilizo dreamweaver) o bién me quedan bandas negras (imagino que son bandas sin colorear a través de las cuales se ve el fondo) o si la alargo, parece como si el efecto de redondear las esquinas se aplicara correctamente en las esquinas superiores, pero las esquinas "inferiores" me las hace en la mitad de la capa, dejando las esquinas verdaderas sin redondear, mas abajo.
¿Sabeis que estoy haciendo mal?
Os pongo el código de una prueba que he hecho con un fondo negro y una sola capa, roja. Aquí me sale una banda negra (se ve el fondo negro de la web) en medio de la capa.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
#redondeada {
position:absolute;
width:403px;
height:127px;
z-index:1;
left: 44px;
top: 33px;
background-color: #4E0505;
overflow: visible;
border: medium none #0066FF;
visibility: visible;
}
.Estilo1 {color: #999999}
.Estilo2 {color: #FFFFFF}
-->
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#redondeada","big");
}
</script>
</head>
<body>
<div class="redondeada" id="redondeada">
<div align="center">
<h1 class="Estilo1">HACIENDO MAS PRUEBAS</h1>
</div>
<p align="center" class="Estilo2">Estamos haciendo pruebas con tablas con las esquinas redondeadas, que parece que están de moda y no vamos a ser menos. </p>
</div>
</body>
</html>
