Hacks para chrome y safari

[daracanela]

Hola soy nueva en el foro y quisiera ver si me pueden ayudar, estoy modificando el CSS de una página y necesito lograr que los links que aparecen en la caja de texto no se salgan de ésta y cuando la pruebo en Firefox perfecto, en Explorer se modifica el tamaño de las cajas de fondo y en Safari y Chrome el texto de los links se sale a lo ancho de la caja de fondo, me dijeron que eso lo puedo arreglar con un hack para Chrome y Safari pero no encuentro ninguno, he probado con //, #, _, que son los que encontré en internet pero ninguno me funciona.

Así se ve en firefox y es como necesito que se vea en todos los navegadores

[URL=http://img809.imageshack.us/i/firefoxt.png/][IMG]http://img809.imageshack.us/img809/1492/firefoxt.th.png[/IMG][/URL]
Y así se ve en Safari y Chrome

[URL=http://img190.imageshack.us/i/safarir.png/][IMG]http://img190.imageshack.us/img190/6025/safarir.th.png[/IMG][/URL]


Este es el CSS de la clase enlace que es la que le pongo a los links

.enlaces {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 9px;
margin: 1px;
width: 70%;

}
Espero me puedan ayudar gracias

[conexion]

daracanela, te corrijo los enlaces porque has puesto las miniaturas:

Firefox (así debe verse siempre):

http://img809.imageshack.us/img809/1492/firefoxt.png

Safari y Chrome (se ve mal):

http://img190.imageshack.us/img190/6025/safarir.png

Para pedir ayuda es mejor que pongas tu código o la url.

[daracanela]

gracias por la ayuda. El url de la pag es: http://portaldeobras.gov.co/mapa-redes.html necesito arreglar la tabla azul en el lateral derecho que el texto se sale de los cuadros

[cristian_cena]

Hola daracanela, hoy navegando me encontre con estos hacks, (ya que estas puedes ver sobre comentarios condicionales)tal vez te pueda ser útil. si usas jquery existe un plugin llamado jquery browser plugin, en este hilo muestro un ejemplo de como usarlo.

Saludos.

[InKarC]

Para solucionar tu problema simplemente tienes que hacer que los links que estan dentro no sean tan largos ( los <a>)

Por cierto, este problema se debe a que meter un <a> dentro de un <h3> es html no valido bajo cualquier estándar.

[Willy_N]

¿Esto qué es?

Código HTML:

<h3 style="font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 10px; color: rgb(102, 102, 102);"><b>[DESVIOs]</b> Se <b>creo</b> un <b>nuevo Desvio</b> para la obra CALLE 26 FASE III que finaliza el 2012-01-01<br> Para ir al Desvio dar clic en <a target="_parent" href="http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040"> http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040</a><br> </h3>
 

En Firefox también se ve el problema en las cajas de la derecha.

El problema no son Chrome, Safari y Firefox, el problema es tu código, tienes que hacerlo de otra mejor manera.

[daracanela]

Iniciado por Willy_N

¿Esto qué es?

Código HTML:

<h3 style="font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size: 10px; color: rgb(102, 102, 102);"><b>[DESVIOs]</b> Se <b>creo</b> un <b>nuevo Desvio</b> para la obra CALLE 26 FASE III que finaliza el 2012-01-01<br> Para ir al Desvio dar clic en <a target="_parent" href="http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040"> http://www.portaldeobras.gov.co/index.php?id=534&amp;x=-74.0759675196914&amp;y=4.62420870952344&amp;iddes=10040</a><br> </h3>
 

En Firefox también se ve el problema en las cajas de la derecha.

El problema no son Chrome, Safari y Firefox, el problema es tu código, tienes que hacerlo de otra mejor manera.

A mi el problema solo me sale en chrome y safari en firefox y explorer los textos de los links no se salen de las cajas de texto azul. Además no importa que modifique la caja en chrome y safari es como si no tomara encuenta las modificaciones al código