Hola a todos, se que es una tontería pero debe ser que ya la cabeza
no me da para más y me he bloqueado. Mi problema son los 3 pixeles
dichosos que deja IE6 cuando flotas varios divs. Lo he intentado todo,
he mirado todos los posts que hay de
The IE6 Three Pixel Text-Jog pero no me termina de cuadrar.
El caso es que tengo que conseguir una caja, a base de 3 divs, uno con
la imagen de fondo del borde redondeado izq, otro con una img de fondo
que se repita en y según el ancho del texto,y otra con el borde
derecho.
El código sería:
<div class="iconos">
<div class="top_iconos"></div>----borde izq
<div class="bottom_iconos"></div>--borde derecho
<div class="principal"></div>---texto
</div>
Y los estilos los he puesto así:
#central .iconos .top_iconos{
background: url(../images/admin_izq.gif) no-repeat left top;
height: 287px;
width: 27px;
float:left;
font-size:1px;
}
#central .iconos .principal{
background: url(../images/bg_admin.gif) repeat-x left top;
height: 287px;
float:none;
}
#central .iconos .bottom_iconos{
background: url(../images/admin_dch.gif) no-repeat left top;
height: 287px;
width: 28px;
float:right;
font-size:1px;
}
¿Qué estoy haciendo mal para que salgan 3 pixeles por la dcha y otros
3 por la izq?
Muchas gracias
_______________________________________________
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
