CSS: Definir fuente IE7 y FireFox

[cypherm]

Buenas.
Estoy diseñando una WEB, ocupando hojas de estilo o CSS.
El problema es que al visualizarla, tanto el tipo de fuente como el tamaño cambia de un navegador a otro. Con Firefox y Safari ningún problema pero IE7 es un dolor de cabeza...
Buscando por ahi, encontre que al ocupar dimensiones "em" en vez de "px" para el tamaño de la funte, sería compatible con todos los navegadores. PERO NO FUE ASÍ.

Me podrían decir de qué manera tengo que definir el tipo y el tamaño de funte para IE7?

Gracias.

[hey_alan]

Le asignaste ya alguna fuente y tamaño en el especifico?

Si no, debes asignarlo de la siguiente manera:

Código:

body,td,th{font-size:14px; font-family: Arial, Helvetica, sans-serif;}

De lo contrario, cada navegador tiene sus fuentes y tamaños predeterminados y obviamente lo mostrará distinto.

[hades87]

es cierto que es mejor definir las fuentes en % que no en px?

[cypherm]

Ya defini todo, pero IE7 sigue mostrando sus fuentes y estilo propio. No hace caso a mi CSS.

[hades87]

ponn tu código css y te ayudaremos mejor.

[cypherm]

Este es el primer CSS:

div#bio
{
width: 550px;
height: 250px;
background-color: #5c5c5c;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
top: 275px;
font-size: 14px;
overflow: auto;
}

Ese div está dentro de una tabla. Lo rojo es lo que no funciona. Es para centrar el div pero me lo pone al costado izquierdo, osea, el que viene predeterminado.

El 2 CSS que no funciona es el siguiente:

div#info
{
margin-top: 0em;
font-size: 0.1em;
font-family: Tahoma;
color: #696969;
line-height:0.9em;
}

Firefox y Safari no tienen problemas, pero IE7 el único valor que reconoce es el color y line-height, el resto, como el tipo de letra, no lo toma en cuenta.

I need help!

[hades87]

yo le pondría margin:auto; y ya esta.

[hey_alan]

En el primer CSS:

Estás definiendo los margenes izquierdos y derechos por separado, de esta manera no vas a conseguir que se centre. Eso debe definirse en una sola propiedad: "margin:auto";.

Otra cosa que no entiendo, es como quieres usar una propiedad "top" si la div no tiene posición "relativa" o"absoluta". Si lo que quieres es asignarle un "margen" arriba, debes usar la propiedad "margin-top".

Entonces quedaría:

Código:

div#bio
{
width: 550px;
height: 250px;
background-color: #5c5c5c;
margin: 275px auto 0px;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
overflow: auto;
}

El segundo CSS:

Mmm... la verdad no estoy seguro del problema, pero te recomiendo leer esto:

http://www.ignside.net/man/css/unidades.php

Entonces te darás cuenta, que al poner "font-size: 0.1em;" la fuente es "casi" invisible... personalmente te recomiendo más usar "pt". Sobre el margin, deberías especificarlo en pixeles. En cuanto a la fuente, no estoy seguro, pero quizá debas hacerlo de ésta forma: " font-family: tahoma, arial, sans-serif; ".

Saludos.

[webbber]

hola,
para las fuentes q unidades me recomiendas usar? px o pt ?
ahora estoy usando PX pero cuando en un navegador aumento el tamaaño de la fuente, destabula la web.

[hwelt]

hola.. soy nuevecito.. perdonen solo con una duda.. como se hace visualizar una fuente que no esté instalada en la computadora es decir que se visualice y el link de la fuente es fuente.ttf o algo así???

[Ekbrilo]

Iniciado por webbber

hola,
para las fuentes q unidades me recomiendas usar? px o pt ?

Según tengo entendido, los pt (puntos) se aplican sobre todo cuando el texto está destinado a ser imprimido. Lo más habitual es usar píxeles o ems; estos últimos se utilizan pensando en la accesibilidad, pues permiten a las personas con deficiencias visuales adaptar el tamaño del texto a su conveniencia.

[furoya]

Depende del caso. A veces conviene usar medidas absolutas y otras relativas. Pero a mi me parece mejor intentarlo primero con relativas, y si no funciona entonces usamos medidas absolutas.

2 Fuentes fijas mediante CSS