[Ovillo] Problemas con maquetacion

Thu, 01 Jun 2006 10:31:51 -0700 

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.

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a