banner_documentacio

SOPORTE | Documentación | Bugs Programación | Error en Chrome propiedad float CSS


Acceso rápido a Categorías...

Viernes 29 de Julio de 2011 13:12

Error en Chrome propiedad float CSS

por  abac3w
Vota este articulo
(1 Voto)

A veces Chrome no es capaz de cargar correctamente las propiedades CSS si éstas incluyen la propiedad float. Hemos indagado mucho pero no hemos encontrado solución "oficial". Nosotros lo hemos resuelto de la siguiente manera:

1 - Hemos creado un nuevo archivo css en el que corregimos esa propiedad a float:none;

2 - Condicionamos la inclusión del nuevo css (siempre detrás del principal) a que la web se esté mostrando en Chrome

<link rel="stylesheet" href="/css/plantstress.css" type="text/css" />

<?php if (eregi("chrome", $_SERVER['HTTP_USER_AGENT'])) { ?>

<link rel="stylesheet" href="/css/plantstressChrome.css" type="text/css" />

<?php } ?>

3 - Incluímos sentencia Javascript, también condicionada a Chrome, que devuelve la propiedad a su estado original left

<?php if (eregi("chrome", $_SERVER['HTTP_USER_AGENT'])) { ?>

<script type="text/javascript">
document.getElementById('zona_columna03').style.float = "left";
</script>

<?php } ?>

 

Conclusiones: ¿Funciona? Sí ¿elegante? No, si alguien encuentra una mejor solución nos gustaría que la compartiera con nosotros.

 

Dejar comentario

Make sure you enter the (*) required information where indicated.
Basic HTML code is allowed.