Comunidad de diseño web y desarrollo en internet online

Problema con Safari y repeat-x

Citar            
MensajeEscrito el 14 Sep 2009 06:44 am
Hola foro!! el problema es el siguiente, estoy haciendo un site, en una de las páginas hay una tabla formada por 3 tabs y 1 solo renglon, el 1er tab lleva una imagen de fondo que no se repite (una esquina), el 2do tab es una barra que tiene por fondo una imagen que solo se repite en la dirección x, y el 3er tab es la segunda esquina que tiene tambien una imagen de fondo que no se repite (la 2da esquina), el estilo inline es el siguiente:

Código :

.central {
width:auto;
height:70px;
border:0;
margin:0;
padding:0;
background-image:url(img_base/barra_inf_cent.png);
background-repeat:repeat-x;
}


para el tab central con anchura automatica y fondo que se repite en la dirección x, en Firefox funciona bien, el render de la tabla es correcto, peeeeero en Safari simplemente no funciona, de hecho no despliega nada, solo se ve un espacio en blanco, si en Firefox uso

Código :

background-image:url(img_base/barra_inf_cent.png) repeat-x;


en lugar de:

Código :

background-image:url(img_base/barra_inf_cent.png);
background-repeat:repeat-x;


no funciona ni en Firefox ni en Safari, el problema se ve que es el repeat-x que uso, pero, que fix hay para esto? como hago que Safari (v 3.1.2) respete la definición del repeat como lo hace Firefox (3.5.3)??? gracias de antemano.

Por satchie

21 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Sep 2009 05:09 pm
Addendum: de hecho el problema es el uso de width: auto; si uso width:80%; o cualquier otro porcentaje, no hay problema, se despliega el tab y su fondo, lo malo es que al usar un porcentaje si estiro el browser de mas, se abre un espacio blanco, y si encojo el browser, comprime al tab de la izquierda y su fondo, el problema es para Explorer y Safari en versiones Mac.

Por satchie

21 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Sep 2009 04:24 am
Se solucionó usando una tabla con 4 tabs, los extremos declarados con un ancho de -1% (si!!!, negativo), y los tabs centrales de un ancho de 1px y........ repetición de fondo, con el fondo a repetir, y (obvio) un ancho del 50% cada uno... si necesitan mas información googleen fluid tables

Por satchie

21 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.