23/01/2010, 17:21
|
| | | Fecha de Ingreso: enero-2010
Mensajes: 18
Antigüedad: 14 años, 3 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... |