Foros del Web » Creando para Internet » CSS »

Esquinas redondeadas Ayuda Urgent!

Estas en el tema de Esquinas redondeadas Ayuda Urgent! en el foro de CSS en Foros del Web. Hola que tal, les escribo porq tengo un problema que he tratado de resolver a lo largo de las ultimas semanas y no he tenido ...
  #1 (permalink)  
Antiguo 14/09/2009, 03:14
 
Fecha de Ingreso: agosto-2009
Mensajes: 23
Antigüedad: 8 años, 4 meses
Puntos: 1
Esquinas redondeadas Ayuda Urgent!

Hola que tal, les escribo porq tengo un problema que he tratado de resolver a lo largo de las ultimas semanas y no he tenido ningun resultado exitoso

El problema que tengo es con las esquinas redondeadas, es que se ve bien en firefox pero en IE 6 se ve con un pezado mas abajo , lo estoy haciendo con div, imagenes y css, es decir 4 imagenes, una para cada esquina.

Aqui les pongo una captura de pantalla para que vean el problema:

[IMG]cloastudios.com/esquinas.jpg[/IMG]

Les voy a poner los codigos que estoy utilizando:

css:

Código:
#white {
width:830px;
height:11px;
margin:0 auto;
background-color:#FFF;
}


#leftwhite2 {
width:10px;
background:url(imagenes/izquiwhite2.jpg) no-repeat;
height:11px;
}


#rightwhite2 {
width:10px;
background:url(imagenes/derewhite2.jpg) no-repeat;
height:11px;
}
php (los div para posicionar):

Código:
<div id="white">
<div id="leftwhite2" style="float:left;"></div>
<div id="rightwhite2" style="float:right"></div>
</div>
Las cuatro imagenes que estoy usando son jpg... y solo se ve mal la parte de abajo por la parte de arriba, que tambien tengo esquinas redondeadas con el mismo metodo si se ve bien...

Aqui les dejo otra captura:

[IMG]cloastudios.com/esquinas2.jpg[/IMG]

Gracias espero que me puedan ayudar lo necesito con urgencia.


Edit. Disculpen que no pude poner las imagenes como debe ser, lo que pasa es que todavia no tengo 60 dias registrado y no puedo poner urls..
  #2 (permalink)  
Antiguo 14/09/2009, 04:31
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Esquinas redondeadas Ayuda Urgent!

Mira esta página:
www.araudi.net
más especificamente esta:
http://www.araudi.net/ejemplos/esqui..._imagenes.html
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 14/09/2009, 09:22
Avatar de marce_str  
Fecha de Ingreso: septiembre-2006
Ubicación: La Plata, Argentina
Mensajes: 203
Antigüedad: 11 años, 2 meses
Puntos: 1
Respuesta: Esquinas redondeadas Ayuda Urgent!

Tenés que agregar la propiedad overflow:hidden; para que en explorer 6 no se expanda más de lo indicado.


PD1: probaste de usar GIF? no son más liviandos?
PD2: en estos casos evalua usar sólo una imagen de 830px X 11px de fondo... entre los 2 DIVS en el HTML, las propiedades de esos DIVS que declarás en el CSS y el HTML, las imágenes en sí y las peticiones HTTP, quizás rinden menos que una imagen grande.

Saludos!
  #4 (permalink)  
Antiguo 14/09/2009, 13:02
 
Fecha de Ingreso: agosto-2009
Mensajes: 23
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: Esquinas redondeadas Ayuda Urgent!

Mushisimas gracias marce_str lo he conseguido colocando la propiedad que me sugeristes.
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 11:13.