Foros del Web » Creando para Internet » Diseño web »

Como hacer para que mi web se vea igual en IE y en Mozilla

Estas en el tema de Como hacer para que mi web se vea igual en IE y en Mozilla en el foro de Diseño web en Foros del Web. Hola que tal, me gustaria saber como hacer para que mi web se vea igual en mozilla y en internet explorer. El problema que tengo ...
  #1 (permalink)  
Antiguo 21/07/2009, 11:55
 
Fecha de Ingreso: julio-2009
Mensajes: 14
Antigüedad: 14 años, 9 meses
Puntos: 0
Como hacer para que mi web se vea igual en IE y en Mozilla

Hola que tal, me gustaria saber como hacer para que mi web se vea igual en mozilla y en internet explorer.

El problema que tengo es que en mozilla se ve el tipo de letra de la manera que yo quiero, osea use el codigo <font face="">texto</font> pero al verlo en internet explorer se ve como si fuera arial y mas grande en dos lineas y la segunda linea se ve encima de la primera linea, osea en total se ve fatal.

Como hago para que se vea igual que en mozilla?

Gracias por leerme
Saludos
  #2 (permalink)  
Antiguo 21/07/2009, 18:55
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 14 años, 11 meses
Puntos: 45
Respuesta: Como hacer para que mi web se vea igual en IE y en Mozilla

Hola _BigBull_

Dices que has puesto <font face="">texto</font>, y la pregunta es ¿que has escrito entre las comillas?. Tal como lo tienes no defines el tipo de letra que quieres usar. En css no se utiliza el valor font face.

Mira este ejemplo, estos son algunos valores para definir la tipografía:

Código HTML:
<style type="text/css">
.fuente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
</style> 
Cuéntanos.

Bye
  #3 (permalink)  
Antiguo 21/07/2009, 19:55
 
Fecha de Ingreso: julio-2008
Mensajes: 91
Antigüedad: 15 años, 9 meses
Puntos: 6
Respuesta: Como hacer para que mi web se vea igual en IE y en Mozilla

Hola _BigBull_, si mas no me equivoco la etiqueta font ya no se utiliza.

Y ampliando un poco lo que dice deirdre, te explico como se utilizan los estilos.

En lugar de utilizar:
Código HTML:
<font face="Arial">texto</font> 
En la seccion del HEAD creas el codigo que nos indica deirdre:

Código HTML:
<style type="text/css">
.fuente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
</style> 
Lo que estas haciendo es crear una clase llamada fuente con los atributos family (tipo de letra), size (tamaño), style (estilo), etc....

Y para agregarlo a tu texto utiliza la etiqueta span, al atributo class le asignas la clase creada anteriormente:

Código HTML:
<span class="fuente">texto</span> 
<span class="fuente">Texto</span>

lo puedes utilizar en capas:
Código HTML:
<div class="fuente">texto</div> 
Pero lo ideal es que el estilo lo realices en un archivo aparte lo que se llama Hojas de Estilo en cascada (Cascading Style Sheets) o simplemente CSS

En internet o en este foro podras encontrar información sobre CSS.

Saludos....
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:43.