Foros del Web » Creando para Internet » CSS »

Mozilla vs. IE

Estas en el tema de Mozilla vs. IE en el foro de CSS en Foros del Web. Estoy siguiendo el curso paso a paso en Cómo Crear tu Web. Por el momento iba perfectamente bien. Pero de repente me encuentro con un ...
  #1 (permalink)  
Antiguo 23/01/2010, 17:21
 
Fecha de Ingreso: enero-2010
Mensajes: 18
Antigüedad: 7 años, 10 meses
Puntos: 0
Mozilla vs. IE

Estoy siguiendo el curso paso a paso en Cómo Crear tu Web. Por el momento iba perfectamente bien. Pero de repente me encuentro con un problema. A la hora de colocar un div arriba y otra abajo dentro de las cuales pongo imágenes de fondo que serán bordes trabajados, en Mozilla se me ve perfectamente, y en IE directamente no se ve casi nada, sólo un pedacito de la cabecera... Aquí les dejo, marcando donde empezó el problema...

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>ByA S.A. - Ingeniería y Desarrollo de Negocios</title>
</head>
<body>
<div id="global">
<div id="curva-superior"</div>
<div id="cabecera">¡Bienvenidos!</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
<li><a href="#">Elemento 1</a></li><li><a href="#">Elemento 2</a></li><li><a href="#">Elemento 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la página.</h1><p>Esto es sólo un aprendizaje. El comienzo de un próspero futuro al frente de un prestigioso estudio de Diseño Web, al cual quizás llame "Compu Mundo Hiper Mega Red". Emociona, la verdad, este gran momento fundacional...</p><h2>He aquí otro párrafo</h2><p>Paso a paso, faso a faso, la empresa crecerá hasta límites insospechados, aunque esto nazca tan sólo como una fuente de satisfacción de necesidades accesorias, como una choppera en la cocina.</p><p>¿Inquieto? No lo estés. El futuro es nuestro, eso está más que asgurado, hermano mío. ¡Hasta la victoria siempre!</p>
</div>
<div id="pie">Este será el pie de la página.</div>
<div id="curva-inferior"</div>
</div>
</body>
</html>


Estilos.CSS:

{margin: 0px; padding: 0px; border: 0px}
body {text-align: center}
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 800px; height: 12px; overflow: hidden}
#cabecera {background-color: white; border-top: black 1px solid; border-right: black 1px solid; border-left: black 1px solid}
#navegacion {background-color: gray; border: black 1px solid}
#contenido {background-color: blue; float: left; border-left: black 1px solid; border-right: black 1px solid}
#contenido p {padding:5px 10px 5px 10px; text-indent: 15px}
#pie {background-color: green; border-right: black 1px solid; border-left: black 1px solid; border-top: black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width: 800px; height: 12px; overflow: hidden}
#global {width:800px; margin:4px auto}
#menu {background-color: red; width:150px; float: left; text-align: left; margin: 10px 10px 10px 10px}
#menu li {list-style: none; margin: 4px 0px 4px 6px}
a {color: brown; text-decoration: none; display:block}
a:link {}
a:visited {}
a:hover {color: yellow; text-decoration: underline; background-color: gray}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color: silver; font-weight: bold; text-decoration: underline; text-align: center}
h2 {font-size: 1.1em; color: silver; font-weight: bold; text-decoration: none; text-align: center}


Agradezco mucho si alguien puede ayudar...
  #2 (permalink)  
Antiguo 24/01/2010, 03:29
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola Juanito_Laguna

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 24/01/2010, 04:10
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Mozilla vs. IE

Hola:

Cita:
Iniciado por Juanito_Laguna Ver Mensaje
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">¡Bienvenidos!</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
En principio tienes sin cerrar la etiqueta que te indico en rojo, en el div curva-superior.

Saludos.

  #4 (permalink)  
Antiguo 24/01/2010, 06:23
 
Fecha de Ingreso: enero-2010
Mensajes: 18
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Mozilla vs. IE

Soy un estúpido. Era eso nomás. Quizás me confundía que en Firefox se viera perfectamente, y pensé que se trataba de otra cosa menos obvia. Muchas gracias.
  #5 (permalink)  
Antiguo 24/01/2010, 07:22
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Mozilla vs. IE

Aplicaciones como webdeveloper y firebug, ambas para firefox, te pueden ahorrar muchos quebraderos de cabeza.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #6 (permalink)  
Antiguo 24/01/2010, 07:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Mozilla vs. IE

Hola:

Cita:
Iniciado por Juanito_Laguna Ver Mensaje
Soy un estúpido.
No te castiques así. Eso nos ha pasado a todos más de una vez.

Saludos.


Etiquetas: mozilla
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 20:46.