Explorador mozilla y e internet explorer
Hola que tal ya van varias pero que puedes hacer, eres el mejor en esto =)
El asunto es que estoy corriéndolo todo en mozilla pero como le hago para que se vea igual en internet explorer, ya que normalmente todo me lo mueve
espero tu respuesta, gracias de antemano
buen dia...=)
El asunto es que estoy corriéndolo todo en mozilla pero como le hago para que se vea igual en internet explorer, ya que normalmente todo me lo mueve
espero tu respuesta, gracias de antemano
buen dia...=)
1 respuesta
Respuesta de Kike Rodríguez
1
No pasa nada, para eso estamos. Ponme un trozo pequeño de código que se vea distinto en ambos navegadores para hacerme una idea de cual es el problema, es que las causas pueden ser muchas, bueno, causas solo una, que cada uno puede interpretar el mismo código de formas distintas, pero las soluciones si son muchas dependiendo de cual sea el código.
Es que mi código es igual, simplemente cuando lo corro me sale diferente acomodado, y vagamente se que hay un modo de que se vea igual en los dos exploradore, se que es con css y eso, pero no tengo mucha experiencia en eso
=) Saludos (y) Gracias
=) Saludos (y) Gracias
¿Pero con igual te refieres a que es el que me has enviado del formulario? Porque ya supongo que el código es igual, pero si no es el del formulario quiero que me lo pongas para ver que cambia y decirte como solucionarlo.
Evidentemente con CSS lo solucionas, claro, pero es que no sé a que aplicar los estilos y no te puedo indicar como hacerlo.
Así todo, a grandes rasgos:
- Creas una hoja de estilos, es un texto guardado con la extensión ".css", o varias.
- Para llamarlo en el "head" usas:
<link href="ruta/hoja_de_estilo.css" rel="stylesheet" type="text/css" />
- El contenido puede ser básicamente de tres tipos, de elementos de html a los que quieres ar estilo, como: body, div, a, h1, etc. Identificadores "id" de contenedores como un por ejemplo un "div" determinado que defines como "
<div id="cabecera">" para asignarle su propio estilo. Y elementos a los que les defines el atributo "class": "
<p class="pie_de_pagina>"
Copia las dos hojas, la primera una página normal para guardar en html, la segunda guárdala con el nombre "estilos.css" en la misma carpeta y verás como se aplica, prueba a hacer cambios para entender bien como funciona y léete algo de css que encuentres por ahí, es muy sencillo.
PAGINA HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
Hola, este el el tipo de texto definido para todo el cuerpo de la página y los "div".
<div id="ejemplo">Esto es un ejemplo de como cambia el contenido de este "div" al aplicarle el id "ejemplo" que hemos definido en estilos.css</div>
<p>Este es de nuevo un párrafo normar del la página con un enlace cuyo estilo hemos definido en la hoja de estilos: <a href="http://www.google.es" target="_blank">Ir a Google</a></p>
<p class="parrafo">Este es un ejemplo del un párrafo al que hemos aplicado la clase "parrafo" definida en la hoja de estilos</p>
</body>
</html>
HOJA DE ESTILOS
@charset "utf-8";
/* CSS Document */
body, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #000066;
text-decoration: none;
background-color: #ffff99;
visibility: visible;
cursor: default;
z-index: 1;
}
a:link {
color: #0033FF;
text-decoration: none;
}
a:hover {
font-weight: bold;
font-size:14px;
color: #CC0000;
text-decoration: none;
}
a:visited {
color: #0033FF;
text-decoration: none;
}
a:active {
color: #666666;
text-decoration: none;
}
#ejemplo
{
text-align: center;
position:absolute;
z-index: 1;
height: 555px;
width: 100%;
left: 0px;
top: 130px;
background-color:#bbbbbb;
float:left;
}
.parrafo {
font-size: 12px;
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
}
Evidentemente con CSS lo solucionas, claro, pero es que no sé a que aplicar los estilos y no te puedo indicar como hacerlo.
Así todo, a grandes rasgos:
- Creas una hoja de estilos, es un texto guardado con la extensión ".css", o varias.
- Para llamarlo en el "head" usas:
<link href="ruta/hoja_de_estilo.css" rel="stylesheet" type="text/css" />
- El contenido puede ser básicamente de tres tipos, de elementos de html a los que quieres ar estilo, como: body, div, a, h1, etc. Identificadores "id" de contenedores como un por ejemplo un "div" determinado que defines como "
<div id="cabecera">" para asignarle su propio estilo. Y elementos a los que les defines el atributo "class": "
<p class="pie_de_pagina>"
Copia las dos hojas, la primera una página normal para guardar en html, la segunda guárdala con el nombre "estilos.css" en la misma carpeta y verás como se aplica, prueba a hacer cambios para entender bien como funciona y léete algo de css que encuentres por ahí, es muy sencillo.
PAGINA HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
Hola, este el el tipo de texto definido para todo el cuerpo de la página y los "div".
<div id="ejemplo">Esto es un ejemplo de como cambia el contenido de este "div" al aplicarle el id "ejemplo" que hemos definido en estilos.css</div>
<p>Este es de nuevo un párrafo normar del la página con un enlace cuyo estilo hemos definido en la hoja de estilos: <a href="http://www.google.es" target="_blank">Ir a Google</a></p>
<p class="parrafo">Este es un ejemplo del un párrafo al que hemos aplicado la clase "parrafo" definida en la hoja de estilos</p>
</body>
</html>
HOJA DE ESTILOS
@charset "utf-8";
/* CSS Document */
body, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #000066;
text-decoration: none;
background-color: #ffff99;
visibility: visible;
cursor: default;
z-index: 1;
}
a:link {
color: #0033FF;
text-decoration: none;
}
a:hover {
font-weight: bold;
font-size:14px;
color: #CC0000;
text-decoration: none;
}
a:visited {
color: #0033FF;
text-decoration: none;
}
a:active {
color: #666666;
text-decoration: none;
}
#ejemplo
{
text-align: center;
position:absolute;
z-index: 1;
height: 555px;
width: 100%;
left: 0px;
top: 130px;
background-color:#bbbbbb;
float:left;
}
.parrafo {
font-size: 12px;
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
}
Lo estoy checando
Gracias por tu ayuda
Estoy leyendo unos tutoriales de CSS precisamente
Cuidate
y te seguire molestando jeje =)
Como siempre, eres excelente en lo que haces y humilde por tu paciencia
Gracias por el tiempo que te tomas en enseñar a otros, esto no se queda ahí, Dios recompensa todo
stamos en contacto pues ;-)
Gracias por tu ayuda
Estoy leyendo unos tutoriales de CSS precisamente
Cuidate
y te seguire molestando jeje =)
Como siempre, eres excelente en lo que haces y humilde por tu paciencia
Gracias por el tiempo que te tomas en enseñar a otros, esto no se queda ahí, Dios recompensa todo
stamos en contacto pues ;-)
