Foros del Web » Creando para Internet » CSS »

Problema Simple: ESQUINAS REDONDEADOS

Estas en el tema de Problema Simple: ESQUINAS REDONDEADOS en el foro de CSS en Foros del Web. Que tal, Gracias por leer este mensaje. La razon por la que escribo es por que tengo un ligero problema con algo sencillo, se trata ...
  #1 (permalink)  
Antiguo 09/11/2007, 19:28
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Problema Simple: ESQUINAS REDONDEADOS

Que tal, Gracias por leer este mensaje.
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:
<!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>
hay dos errores.
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.
__________________


Última edición por cpucpu; 09/11/2007 a las 19:36
  #2 (permalink)  
Antiguo 10/11/2007, 05:40
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Re: Problema Simple: ESQUINAS REDONDEADOS

Cita:
background: #eee url(../esquina.gif) no-repeat bottom right;
borrá #eee... al estar asignando un color sólido estás sobrescribiendo el valor de fondo transparente y por lo tanto no podés ver la otra esquina que queda "detrás"
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 10/11/2007, 23:40
 
Fecha de Ingreso: febrero-2005
Ubicación: MEXICO
Mensajes: 455
Antigüedad: 12 años, 10 meses
Puntos: 5
Re: Problema Simple: ESQUINAS REDONDEADOS

haaaaaaaaaaa..... JA - JA - JA
muchas gracias, que tonteria cometi, resulta que cada div que contenia la esquina tenia background, y por eso tapaba al otro div...

Saludos.
__________________

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:40.