La razon por la que escribo es por que tengo un ligero problema con algo sencillo, se trata de las clasicas esquina redondeadas de un..div.
voy apostear el codigo, que es muy sencillo, pero por mas que le doy vueltas no logro ver el error, lo extraño de esto, es que el codigo es muy limpio pero no anda bien ni en direfox ni en ie...por lo cual debo suponer que tiene un error.
Pero repito, no lo veo.
Código:
hay dos errores.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
#miTema{
margin:10px 10px 32px 174px;
padding:0px;
background-color: #eee;
/*border:1px solid blue;*/
}
#miTexto{
font: 12px tahoma, arial;
text-align:left;
margin:0px;
padding:10px 10px;
/*border:1px solid black;*/
}
#izq{
background: #eee url(../esquina_izq.gif) no-repeat bottom left ;
margin:0px;
padding:0px;
border:none;
/*border:1px solid red;*/
}
#der{
background: #eee url(../esquina.gif) no-repeat bottom right;
/* border:1px solid green;*/
margin:0px;
padding:0px;
border:none;
/*border:1px solid green;*/
}
</style>
<body>
<div id="miTema">
<div id="izq"><div id="der">
<div id="miTexto">Texto Simple</div>
</div>
</div>
</div>
<p>abc</p>
</body>
</html>
1.-solo se puede ver una esquina, la inferior izquierda o la inferior derecha, pero no las dos.
2.-en ie, debo poner algo al final, como un <p> para que no se incremente el alto..quien sabe por que....
Es todo.
Solo son 2 esquinas las que necesito (realmente no importa la cantidad), se trata de un div que contiene el texto, y 2 divs a su alrededor...donde uno representa la esquina izquierda y el otro a la esquina derecha.
El problema basicamente es que aunque se leen los 2 div's que contienen las esquinas, solo se le aplica el estilo a una, a la ultima en orden y no entiendo por que.
Gracias por su atencion.
PD:esta es la esquina: pueden usarla como izquierda o derecha.
