Solución para font size en regla CSS y excepciones en Google Chrome

  • Autor Autor Anagil
  • Fecha de inicio Fecha de inicio
A

Anagil

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Google Chrome no reconoce font size de mi CSS en la regla p. Se desborda el texto, solo en este navegador. ¿Como puedo arreglarlo? ¿hay alguna excepción para esto?
Gracias
 
Es posible que este herendando algún estilo
 
Gracias, soy nueva en esto. Pego parte del CSS y el HTML donde va el texto que se me desborda
p {
font-family: Verdana, Geneva, sans-serif;
font-size: 80% !important;
font-size: 70%;
font-style: normal;
color: #000;
white-space: normal;
text-align: justify;
padding-top: 15px !important;
padding-top: 13px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.negrita{
font-weight: bold;
}
.rojo{
font-weight: bold;
color: #900;
padding-left: 500px;
}
.rojotitulo{
font-weight: bold;
color: #900;
}


h3 {
font-family: Verdana, Geneva, sans-serif;
font-size: 80% !important;
font-size: 70%;
font-style: normal;
color: #000;
white-space: normal;
text-align: left;
}
#cuerpo {
height: 376px;
width: 960px;
position: relative;
float: left;
}
#izquierda {
height: 350px;
width: 160px;
position: relative;
float: left;
background-image: url(img/izq.png);
background-repeat: repeat-x;
}

#botones {
height: 265px;
width: 120px;
position: relative;
float: left;
margin-left: 30px;
}

#centro {
height: 350px;
width: 580px;
float: left;
background-color: #FFF;
}

<div id="centro">
<div id="foto"><img src="img/personaje.jpg" width="190" height="190" alt="Ramón Machín Hernández" title="Cerámica con carácter"/></div>
<p><span class="rojotitulo">Ramón Machín Hernández, CERÁMICA CON CARÁCTER</span>
<br/>El encuentro de Ramón con su oficio fue casual. Llegó a Lanzarote a finales de la década de los noventa con objetivos distintos a los alcanzados, con los sueños propios de un joven estudiante que aspiraba a labrarse un futuro prometedor. Pero el destino se encargó de adentrarlo en otros caminos, un sendero que no dudó en recorrer y en el que anda con paso firme. Diseñador gráfico de profesión dejó su isla natal, La Palma, en busca de nuevas oportunidades laborales. Desde aquellos días hasta hoy han pasado más de quince años y en la actualidad no solo es un lanzaroteño más, con dos hijos nacidos en San Bartolomé, sino que además destaca como uno de los artesanos más innovadores de la isla. Contemplando parte su obra se tiene la sensación de querer contar con una de ellas. Y éste es precisamente el perfil de sus clientes: "Personas que buscan algo para sí mismas o para obsequiar a aquellos más íntimos", comenta. Las formas, los colores en los mosaicos y azulejos, los símbolos, los materiales que utiliza muestran una evolución constante y una madurez artística plena que atrapan. Los tiempos actuales no están para ventas suculentas pero nuestro protagonista no es un artesano tradicional y la cerámica que ofrece así lo muestra. Tras seis años como diseñador en una empresa local decidió romper con la rutina y adentrarse en nuevas posibilidades que brinda el ser ceramista. Se formó, se inspiró, se llenó de ideas y en poco tiempo estaba al frente de su propio taller. Como suele ocurrir sus comienzos fueron difíciles pero consiguió desmarcarse e implantar en su obra su propio lenguaje. Ramón Machín definió para sí un estilo diferente e impuso su sello en cada uno de sus artículos. Consiguió variar la técnica, modernizar la cerámica y hacerla más atractiva, llevándola más allá de lo tradicional. La Feria Insular de Artesanía, en Mancha Blanca, ha sido el último de sus escaparates (...)
</p>
<!--fin centro--></div>
 
Mil gracias. Ahora el texto en Google Chrome se corta, pero no importa tanto y visualmente está bien.
Gracias de nuevo
 
para eso existe la regla !important, por ejemplo
.div a{ font-size: 35x !important; }
 
buf... Chrome sigue siendo un navegador altamente inestable, se ha popularizado a la "brava" como dicen en Colombia (obligando a los usuarios a instalarlo con miles de descargas que nada tienen que ver), pero Chrome no deja de ser algo en estado semi-beta (yo no lo consideraría dentro de la familia de navegadores realmente, ya que con las exigencias de los sitios web de hoy día, realmente no sirve para navegar...) posiblemente arregles ese problema y dés con 10 más...
 
buf... Chrome sigue siendo un navegador altamente inestable, se ha popularizado a la "brava" como dicen en Colombia (obligando a los usuarios a instalarlo con miles de descargas que nada tienen que ver), pero Chrome no deja de ser algo en estado semi-beta (yo no lo consideraría dentro de la familia de navegadores realmente, ya que con las exigencias de los sitios web de hoy día, realmente no sirve para navegar...) posiblemente arregles ese problema y dés con 10 más...

Saludos @ramonjosegn, creo que chrome y firefox son navegadores sumamente estables y confiables, no así IE, donde es necesario recurrir a hacks para hacer funcionar el CSS estándar. Si acaso en las versiones actuales está ocupándose por respetar un poco este tema, curiosamente con funciones muy parecidas a chrome. A diario debo realizar pruebas crossbrowsing donde invariablemente lo que chrome y ff muestran bien, IE lo interpreta a su muy respetable forma. Finalmente es cuestión de gustos...
 
No me gusta Chrome, sin embargo es importante diseñar para el, tanto por el masivo uso que está teniendo, y por que aunque no me gusta personalmente, tiene buenos aspectos.
En cuanto a IE, solo se que en su versión 10 todo será mejor, el CSS es 'igual' que con los otros navegadores, no se si lo hayas probado ya, o lo hayan probado los que diseñan web, no abrá problema, en cuanto a las versiones anteriores, no hay nada que hacer, a utilizar hacks, la vida no tiene por que ser fácil.

IE y Mozilla Firefox! :love_heart:
 
Yo me aburro de leer "no puedo entrar en x sitio con Chrome", "no puedo descargar certificado de seguridad con Chrome", "no puedo ver un flash con Chrome", "mi sitio web no se ve bien en Chrome"...

De pronto ha mejorado un poco las cosas, porque con tantas descargas obligadas de Chrome ahora muchos programadores se centran en que Chrome funcione bien para lo que desarrollan... esto es volver a la prehistoria, se supone que uno programa y debe funcionar bien, sino vamos a estar igual que con IExplorer, tocará una página para IE, otra para Chrome... ridículo, realmente...
 
Yo jamas he tenido ningún problema con Chrome, y aunque yo le sigo siendo fiel a Firefox (a pesar de consumir taaanta memoria), se que Chrome es uno de los mejores navegadores que hay actualmente en el mercado. No se por que lo descalifican de tal forma, pensaría que quizá la versión que tienen pero yo lo he visto muy bien desde hace algunas versiones atras. Así como nunca he tenido problemas con Chrome, tampoco me ha tocado que se quejen que no se pueden ver los sitios en el o que se vean mal.

Bueno, creo que ya nos estamos saliendo del tema principal que era tratar de ayudar a Anagil con su problema.

@Anagil, podrías pasarme el link del sitio donde tienes ese problema para poder ayudarte?
De inicio te digo que los navegadores siempre manejan diferentes valores por defecto en los estilos por lo que es común que se vean de diferentes tamaños las fuentes en cada navegador.
Estos detalles puedes solucionarlos o minimzarlos utilizando un reset de css como el de Eric Meyer (CSS Tools: Reset CSS).

Saludos
 
Yo me aburro de leer "no puedo entrar en x sitio con Chrome", "no puedo descargar certificado de seguridad con Chrome", "no puedo ver un flash con Chrome", "mi sitio web no se ve bien en Chrome"...

De pronto ha mejorado un poco las cosas, porque con tantas descargas obligadas de Chrome ahora muchos programadores se centran en que Chrome funcione bien para lo que desarrollan... esto es volver a la prehistoria, se supone que uno programa y debe funcionar bien, sino vamos a estar igual que con IExplorer, tocará una página para IE, otra para Chrome... ridículo, realmente...

¿Algún ejemplo de alguna página?, nunca me ha pasado.
 
Yo visualizo perfectamente todos los sitios con ff, chrome y palemoon, hasta con k-meleon muchas veces veo bien, pero el peor es ie, ie siempre tengo que recurrir a hacks para diseñar o crear un css exclusivo para esta linea de navegadores... no entiendo como pueden decir que chrome es un navegador inestable, al contrario, nunca tuve un problema en chrome, al contrario, tuve mas problemas con ff y con ie inclusive
 
Enlace eliminado
Gracias de nuevo. Estoy escapando porque corté los textos, pero claro, no es la solución idónea. Saludos
 
Hola Anagil,

agrega float:left; al <p>, esto debe solucionarlo. Chrome es algo "sensible" respecto a los float.

Saludos!
 
Gracias, voy a probar
 
Para empezar pasale el W3C validator para ver si hay etiquetas mal anidadas o que puedan dar problemas.

Despues, con el botón derecho le das a inspeccionar elemento para que te diga que reglas son las que está aplicando y en que orden.

A partir de ahí, a corregir y a probar
 
si por las dudas no lo haces . prueba darle , parate en el texto que quieres modificar el css y darle click en inspeccionar elemento ahi puedes editar a gusto en tiempo directo y modificar lo que quieres yo siempre lo hago asi, si estas con un txt editando el css solo le das esos parametros cuando lo modificaste desde el navegador en este caso crhome.

para mi chrome es el mejor navegador que soporte lo que otros no soportan en css

saludos
 
Gracias. me queda mucho por investigar y aprender. Lo miraré
 
Atrás
Arriba