Mencionas que se ve bien en IE,PERO NO EN Firefox tal vez el problema es que
estan diseñando para explorer y no para firefox, me explicare mira hace poco
lei un consejo de un experto que decia que lo principal es diseñar o
maquetar de acuerdo con el mejor navegador (FIREFOX) y sobre eso es ir
depurando poco a poco con el resto de los demas navegadores.
> De:: "webmaster" <[EMAIL PROTECTED]>
> Para: "Ovillo, la lista de CSS en castellano" <[email protected]>
> Asunto:: [Ovillo] Problemas con maquetacion
> BCC: Thu, 1 Jun 2006 12:33:44 -0600
> 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:
> <a
> href=http://168.234.195.202/test/feria2/feria2.html>http://168.234.195.202/t
> est/feria2/feria2.html</a>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" "<a
> href=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>http://www.w3.o
> rg/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>>
>
> <head>
>
> <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>
>
> <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 target="_blank" href="#">item 1</a></li>
> <li><a target="_blank" href="#">item 2</a></li>
> <li><a target="_blank" href="#">item 3</a></li>
> <li><a target="_blank" href="#">item 4</a></li>
> <li><a target="_blank" href="#">item 5</a></li>
> </ul>
> </div>
> </div>
>
>
> 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.
> </pre><pre>_______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: <a
> href=http://ovillo.org/mailman/listinfo/ovillo>http://ovillo.org/mailman/lis
> tinfo/ovillo</a>
Disfruta el mundo del internet sin cables: Todo sobre Wifi/
WLAN.
http://wlan.lycos.es_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
