[Ovillo] Problemas con maquetacion

Jue Jun 1 18:33:44 UTC 2006

Hola lista,

Saludos,
cómo se podran dar cuenta por mis ultimos correos, estoy empezando a trabajar con CSS y pues bueno, me esoty dando a la tarea de que los sitios nuevos que se me solicitan se empiezen a maquetar asi.

Ahora estoy trabajando en este test:
http://168.234.195.202/test/feria2/feria2.html

Por alguna razón me funciona bien en ie6 pero no en el fire fox, asi que asumo que estoy haciendo algo mal, mi problema radica en esto:

Tengo un div contenedor, dentro del cual tengo un div donde coloco una imagen y otro div donde coloco 3 divs mas con diferente informacion.
(contenedor, contenedor encabezado, logo imagen, contenedor lineas, linea 1, linea 2 y linea 3 son los divs respectivamente), sin embargo como podran ver parece ser que el firefox ignora que los 3 divs de las lineas estan dentro de contenedor encabezado.  No comprendo bien el error asi que agradezco el apoyo si alguien me puede orientar.

mi codigo actualmente es:

!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=iso-8859-1" />
<title>Feria del Comercio</title>
<style type="text/css">
<!--
/* Inicio - Reglas del juego */
body {
	margin:0px;
	margin-top:10px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* Fin - Reglas del juego */
/* Inicio - posicionamiento del contenedor principal */
#contenedor {
	width:760px;
	margin-top:0px;
	margin-bottom:0px;
	margin:auto;
	background:#fff;
	border:#09c solid 2px;
}
#encabezado-contenedor {
	width:760px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:#09c solid 2px;
}
#logo-feria {
	float:left;
	width:100px;
}
#linea-contenedor {	
	float:left;
	width:658px;	
	border-left:#09c solid 2px;
}
#encabezado-linea1 h1{
	margin:0px;
}
#encabezado-linea2 p{
	margin:0px;
}
#encabezado-linea3 p{
	margin:0px;
}
#menu {
	clear:both;
}
/* Fin - posicionamiento del contenedor principal */
/* Fin - posicionamiento del encabezado */
-->
</style>
</head>
<body>
<div id="contenedor">
	<div id="encabezado-contenedor">
		<div id="logo-feria"><img src="imagenes/logo-feria.jpg" alt="Logotipo Feria del Comercio"/></div>
		<div id="linea-contenedor">

			<div id="encabezado-linea1" align="center"><h1>the best of national and international commerce</h1></div>
			<div id="encabezado-linea2" align="center"><p>Exhibit your products in Central America's most important trade fair</p></div>
			<div id="encabezado-linea3" align="center"><p>July 14 - 23, 2006 | PARQUE DE LA INDUSTRIA | GUATEMALA CITY</p></div>		
		</div>
	</div>
	<div id="menu">
	<ul>
		<li><a href="#">item 1</a></li>

		<li><a href="#">item 2</a></li>
		<li><a href="#">item 3</a></li>
		<li><a href="#">item 4</a></li>
		<li><a href="#">item 5</a></li>
	</ul>
	</div>
</div>

</body>
</html>

Muchas gracias,

Vladimir Orellana

p.d: deje una pregunta por ahi antes si le pueden dar un ojo con respecto a columnas.

grax de nuevo.