Otra vez acudo aquí , porque leyendo tantos manuales y tantas cosas no he conseguido aplicarlos estilos de count-column en Explorer,
En este foro he escrito un tema
http://www.forosdelweb.com/f53/como-maquetar-con-div-filas-columnas-sin-espacio-blanco-999940/#post4217227
El count-column de css3 es la solucion perfecta a lo que quiero hacer.
pero no funciona en INTERNET EXPLORER y en Mozilla funciona pero no igual que en chrome.
en chrome esta pagina http://misanuncios.16mb.com/
se ve como quiero pero en explorer no.
y claro los usuarios la mayoria tiene explorer por lo menos en espana
Me encontrado con " modernizr" Pero no me funciona
POngo este codigo css3
Código:
#columnascategorias {
-moz-column-count: 4;
-moz-column-gap: 10px;
-moz-column-fill: auto;
-webkit-column-count: 4;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
column-count: 4;
column-gap: 10px;
column-fill: auto;
column-rule: 1px dotted #BBB;
}
div.unidadcategorias {
margin: -6px 0 -6px 0;
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
column-break-inside: avoid;
}
#contenedorcategorias #columnascategorias .unidadcategorias img {
}
.unidadcategorias h3 {
margin: 0;
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
column-break-inside: avoid;
}
pongo
Código:
<script type="text/javascript" src="modernizr.js"></script>
en la <head><script type="text/javascript" src="modernizr.js"></script></head>
Y no funciona , y no entiendo porque y como solucionarlo.
Ya me vuelvo loco,
Es muy importante para cualquier desarollador tiene que tener a mano un modo de compatibilidad css3 con todos nawegadores,
Pero todo lo que he leído en Internet y he intentado aplicar a mi sitio no me funcionaba,
la verdad que necesito ayuda y estoy seguro que muchos tenia problemas similares.