Me refiero en concreto a las esquinas redondeadas y a la posición que adopta
legend en IE,FF y O cuando fieldset se encuentra dentro de una caja centrada
con márgenes determinados.
En este caso la leyenda se situa por debajo del borde superior tanto en FF,
como en O.
Ver diferencias en http://img233.imageshack.us/img233/4076/fieldsetrn0.gif


CSS
-------
#box {
        width: 68%;
        margin-left: 16%;       
        border: dashed #999 1px;
        background-image: url(images/bg.gif);
        background: #FFCCFF;
}
.field {
        margin: 20px 20px 0px 20px ;    
}
 h3 {
        padding-left: 10px;
        padding-top: 10px;
        color: #666666;
}
p {
        padding-left: 10px;
        font-family: Tahoma, Arial;
        font-size: 10pt;
}
HTML
--------
<div id="box" >
<fieldset class="field">
<legend >
<h3><a href="#"> ¿Porque Google nunca falla? </a></h3></legend>
<p>Texto contenido legend</p>
</fieldset>
</div>


Un cordial saludo de SantosVZ


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a