Foros del Web » Creando para Internet » CSS »

como hacer cajas redondeadas para IE6

Estas en el tema de como hacer cajas redondeadas para IE6 en el foro de CSS en Foros del Web. Hola tengo unas cajas con las esquinas redondeadas y dentro de las cajas introduzco fotos y texto. Las cajas se pintan con lineas y esquinas ...
  #1 (permalink)  
Antiguo 24/09/2009, 13:05
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
como hacer cajas redondeadas para IE6

Hola tengo unas cajas con las esquinas redondeadas y dentro de las cajas introduzco fotos y texto.
Las cajas se pintan con lineas y esquinas redondeadas con este codigo:
---------------------------------------------------
.Post {
overflow : hidden;
min-width : 0;
min-height : 0;
margin : 0 auto;
position : relative;
margin : 0;
z-index : 0;
}
.Post-tl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 0;
width : 15px;
height : 15px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-tr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 15px;
height : 15px;
}
.Post-tr div {
position : absolute;
z-index : -1;
top : 0;
left : -15px;
width : 30px;
height : 30px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-bl {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 0;
width : 15px;
height : 15px;
}
.Post-bl div {
position : absolute;
z-index : -1;
top : -15px;
left : 0;
width : 30px;
height : 30px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-br {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
right : 0;
width : 15px;
height : 15px;
}
.Post-br div {
position : absolute;
z-index : -1;
top : -15px;
left : -15px;
width : 30px;
height : 30px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-tc {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 15px;
right : 15px;
height : 15px;
}
.Post-tc div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 100%;
height : 30px;
background-image : url('img/enrih.png'); */ linea horizontal*/
}
.Post-bc {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 15px;
right : 15px;
height : 15px;
}
.Post-bc div {
position : absolute;
z-index : -1;
top : -15px;
left : 0;
width : 100%;
height : 30px;
background-image : url('img/enrih.png'); */ linea horizontal*/
}
.Post-cl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 15px;
left : 0;
width : 15px;
bottom : 15px;
}
.Post-cl div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 30px;
height : 100%;
background-image : url('img/enriv.png'); */ linea vertical*/
}
.Post-cr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 15px;
right : 0;
width : 15px;
bottom : 15px;
}
.Post-cr div {
position : absolute;
z-index : -1;
top : 0;
left : -15px;
width : 30px;
height : 100%;
background-image : url('img/enriv.png'); */ linea vertical*/
}
.Post-cc {
position : absolute;
overflow : hidden;
z-index : -2;
top : 15px;
left : 15px;
right : 15px;
bottom : 15px;
background-image : url('img/enric.png');
}
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

El problema es que este codigo no lo reconoce IE6.
Hay alguna forma de dibujar las cajas para que se puedan ver en IE6.
  #2 (permalink)  
Antiguo 24/09/2009, 14:14
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: como hacer cajas redondeadas para IE6

¿Las imágenes que utilizas (enris.png) tienen zonas transparentes?
Si la respuesta es sí, el origen de tu problema está en que ie6 no los maneja (los png transparentes).

Tienes mucha información al respecto publicada. Incluidas las soluciones.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 24/09/2009, 15:54
 
Fecha de Ingreso: agosto-2009
Mensajes: 193
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: como hacer cajas redondeadas para IE6

Antes de poner este post he probado las rutinas que me recomiendas y no me han funcionado por eso he preguntado si hay alguna forma de generar un css para hacer cajas, pues yo no se como puedo diseñar una caja con escuinas redordas.
Si tengo los graficos de las lineas horizontales y las esquinas en gif
Lo que no se es como generar el codigo css para poder dibujar una caja y luego que se expanda la caja segun el texto que este incluida en ella.
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 16:50.