la, buen dia, miren tengo un problema con mi web para visualizarlo en firefox, mi web en explorer se ve bien pero ya en firefox se ve completamente descuadrada, alguien me podria ayudar para arreglar esto
el codigo html es el siguiente
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>GENESAYS</title>
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all"/>
<SCRIPT TYPE="text/javascript">
</SCRIPT>
<SCRIPT LANG="JavaScript">
pic = new Image();
pic1 = new Image();
pic1.src = "objetos/congresos1.PNG";
pic2 = new Image();
pic2.src = "objetos/congresos2.PNG";
pict = new Image();
pict1 = new Image();
pict1.src = "objetos/grupos-nuevos1.PNG";
pict2 = new Image();
pict2.src = "objetos/grupos-nuevos2.PNG";
pictu = new Image();
pictu1 = new Image();
pictu1.src = "objetos/novedades1.PNG";
pictu2 = new Image();
pictu2.src = "objetos/novedades2.PNG";
pictur = new Image();
pictur1 = new Image();
pictur1.src = "objetos/tienda-y-souvenir1.PNG";
pictur2 = new Image();
pictur2.src = "objetos/tienda-y-souvenir2.PNG";
picture = new Image();
picture1 = new Image();
picture1.src = "objetos/foro1.PNG";
picture2 = new Image();
picture2.src = "objetos/foro2.PNG";
function flip(pic, r)
{
if(r == 2)
{
source = eval(pic + "2.src");
document.src = source;
}
if(r == 1)
{
source = eval(pic + "1.src");
document.src = source;
}
}
function link()
{
}
</SCRIPT>
</head>
<body>
<div id="global">
<div id="cabecera"><div id="logo">[contenido no disponible]</div><div id="propaganda">hey tu anunciate aqui</div></div>
<div id="contenido"><div id="menu">[contenido no disponible]
<ul>
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
</div>
<h1>NO CIERRES TUS OIDOS</h1>
<big>AQUI VA EL REPRODUCTOR DE MUSICA</big>
Según la filosofía de su construcción, el procesamiento puede ser: centralizado, descentralizado o distribuido, y de acuerdo a la envergadura de algunas compañías, una mezcla e ellos.
Cada una de estas filosofías apunta a resolver los distintos problemas que puede enfrentar una Empresa, en relación con el procesamiento de datos, y a su vez, contemplan las pautas políticas con que cada Empresa encara la resolución de sus problemas.
Como vemos, los equipos de computación abarcan un amplio espectro en lo que hace a la problemática empresarial, y esto es así, porque de esta forma los proveedores de equipos se aseguran una mayor penetración en el mercado.
Cada filosofía establece un diseño o arquitectura de construcción de cada dispositivo de la "maquina", y es en función de esas pautas que se determinan el tamaño, capacidad, velocidad, etc., de cada componente del sistema.
Por lo expuesto, resulta imprescindible el conocimiento del "problema" de la Empresa, antes de iniciar la evaluación técnica que permita definir la filosofía, arquitectura y tipo de procesamiento a emplear.
Por tal motivo, será necesario conocer y comprender las particularidades del "Negocio" de la Empresa, que además evitara desvíos en la caracterización de sus problemas por consideraciones de tipo teórico fuera de su contexto.
Por otra parte, se deberán analizar los motivos por los cuales la Empresa decide invertir en equipos de computación. Estos pueden ser:
1. Por encontrarse en etapa de expansión
2. Por prever una futura etapa de expansión
3. Por encontrarse en etapa de recesión (Necesidad critica de reducir costos)
En los dos primeros casos, el desarrollo de sistemas esta ligado al desarrollo de la Empresa, por tal motivo, invierte en computación.
En el tercer caso, la inversión en computación forma parte de un "Plan de Austeridad" y entonces, solo el ahorro inmediato justifica la misma.
Puede observarse que, en cada caso, las restricciones sobre el proyecto actúan de manera diferente, y son un condicionante critico tanto para definir la configuración, como para dimensionar la instalación, si bien en los tres casos estamos frente a un "Estudio de Factibilidad para incorporar un computador".
Generalmente, suele pensarse que el diseño de la configura</p>
<div id="datos"><h1>MUSICA</h1>
<div id="opcion"><h1>ALABANZAS</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>ELECTRO & DANCE</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>SALSA & MERENGUE</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>RAP & HIP HOP</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>ROCK & METAL</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>REGAETON</h1>
Da clik aqui</p></div>
</div>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Congresos Grupos Nuevos Novedades
</div>
<div id="piedos">propaganda o pginas de visitas</div>
<div id="pietres">
<ul>
Tienda y Souvenir Foro MapSite
</div>
</div>
</div>
</body>
</html>
este es el codigo en la hoja de estilos
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.6em; color:#0000cc ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {background-image: url(objetos/sin-señal.gif); text-align: center}
#global {width:800px; margin: 4px auto}
#cabecera {background-color: red; height:85px }
#logo { width:280px; float:left }
#propaganda {background-color: red; width:468px; float:right; margin-top:25px; font-size: 16px }
#contenido {background-color: red}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 228px; float:left; text-align:center; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px }
#menu li { list-style:none; margin: 4xp 0xp 4xp 6xp}
#menu-propaganda {width: 228px; float:left; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px}
#datos {width:540px; background-color:red; text-align: center}
#datos h1 {color: black; text-decoration: none}
#opcion {text-align: center; width: 260px;float:left; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion a:hover { color:#cc00cc; text-decoration:underline }
#opcion h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion p {color: #ffffff; text-align: center; font-size:13px}
#opcion2 {text-align: center; width: 260px;float:right; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion2 a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion2 a:hover { color:#cc00cc; text-decoration:underline }
#opcion2 h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion2 p {color: #ffffff; text-align: center; font-size:13px}
#pie { background-color: red; height: 65px }
#pieuno { float:left; width: 150px }
#piedos { float:left;width: 498px }
#pietres { float:left; width: 150px }
a {text-decoration: none}
#pie a { color: blue; text-decoration:none; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover { color:black; text-decoration:underline; background-color: white }
#pie a:active { color:black }
esta es mi web
http://www.genesays.co.cc/
de antemano les doy las gracias, la verdad muchas gracias
el codigo html es el siguiente
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>GENESAYS</title>
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all"/>
<SCRIPT TYPE="text/javascript">
</SCRIPT>
<SCRIPT LANG="JavaScript">
pic = new Image();
pic1 = new Image();
pic1.src = "objetos/congresos1.PNG";
pic2 = new Image();
pic2.src = "objetos/congresos2.PNG";
pict = new Image();
pict1 = new Image();
pict1.src = "objetos/grupos-nuevos1.PNG";
pict2 = new Image();
pict2.src = "objetos/grupos-nuevos2.PNG";
pictu = new Image();
pictu1 = new Image();
pictu1.src = "objetos/novedades1.PNG";
pictu2 = new Image();
pictu2.src = "objetos/novedades2.PNG";
pictur = new Image();
pictur1 = new Image();
pictur1.src = "objetos/tienda-y-souvenir1.PNG";
pictur2 = new Image();
pictur2.src = "objetos/tienda-y-souvenir2.PNG";
picture = new Image();
picture1 = new Image();
picture1.src = "objetos/foro1.PNG";
picture2 = new Image();
picture2.src = "objetos/foro2.PNG";
function flip(pic, r)
{
if(r == 2)
{
source = eval(pic + "2.src");
document.src = source;
}
if(r == 1)
{
source = eval(pic + "1.src");
document.src = source;
}
}
function link()
{
}
</SCRIPT>
</head>
<body>
<div id="global">
<div id="cabecera"><div id="logo">[contenido no disponible]</div><div id="propaganda">hey tu anunciate aqui</div></div>
<div id="contenido"><div id="menu">[contenido no disponible]
<ul>
</div>
<h1>NO CIERRES TUS OIDOS</h1>
<big>AQUI VA EL REPRODUCTOR DE MUSICA</big>
Según la filosofía de su construcción, el procesamiento puede ser: centralizado, descentralizado o distribuido, y de acuerdo a la envergadura de algunas compañías, una mezcla e ellos.
Cada una de estas filosofías apunta a resolver los distintos problemas que puede enfrentar una Empresa, en relación con el procesamiento de datos, y a su vez, contemplan las pautas políticas con que cada Empresa encara la resolución de sus problemas.
Como vemos, los equipos de computación abarcan un amplio espectro en lo que hace a la problemática empresarial, y esto es así, porque de esta forma los proveedores de equipos se aseguran una mayor penetración en el mercado.
Cada filosofía establece un diseño o arquitectura de construcción de cada dispositivo de la "maquina", y es en función de esas pautas que se determinan el tamaño, capacidad, velocidad, etc., de cada componente del sistema.
Por lo expuesto, resulta imprescindible el conocimiento del "problema" de la Empresa, antes de iniciar la evaluación técnica que permita definir la filosofía, arquitectura y tipo de procesamiento a emplear.
Por tal motivo, será necesario conocer y comprender las particularidades del "Negocio" de la Empresa, que además evitara desvíos en la caracterización de sus problemas por consideraciones de tipo teórico fuera de su contexto.
Por otra parte, se deberán analizar los motivos por los cuales la Empresa decide invertir en equipos de computación. Estos pueden ser:
1. Por encontrarse en etapa de expansión
2. Por prever una futura etapa de expansión
3. Por encontrarse en etapa de recesión (Necesidad critica de reducir costos)
En los dos primeros casos, el desarrollo de sistemas esta ligado al desarrollo de la Empresa, por tal motivo, invierte en computación.
En el tercer caso, la inversión en computación forma parte de un "Plan de Austeridad" y entonces, solo el ahorro inmediato justifica la misma.
Puede observarse que, en cada caso, las restricciones sobre el proyecto actúan de manera diferente, y son un condicionante critico tanto para definir la configuración, como para dimensionar la instalación, si bien en los tres casos estamos frente a un "Estudio de Factibilidad para incorporar un computador".
Generalmente, suele pensarse que el diseño de la configura</p>
<div id="datos"><h1>MUSICA</h1>
<div id="opcion"><h1>ALABANZAS</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>ELECTRO & DANCE</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>SALSA & MERENGUE</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>RAP & HIP HOP</h1>
Da clik aqui</p></div>
<div id="opcion"><h1>ROCK & METAL</h1>
Da clik aqui</p></div>
<div id="opcion2"><h1>REGAETON</h1>
Da clik aqui</p></div>
</div>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">propaganda o pginas de visitas</div>
<div id="pietres">
<ul>
</div>
</div>
</div>
</body>
</html>
este es el codigo en la hoja de estilos
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.6em; color:#0000cc ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {background-image: url(objetos/sin-señal.gif); text-align: center}
#global {width:800px; margin: 4px auto}
#cabecera {background-color: red; height:85px }
#logo { width:280px; float:left }
#propaganda {background-color: red; width:468px; float:right; margin-top:25px; font-size: 16px }
#contenido {background-color: red}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 228px; float:left; text-align:center; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px }
#menu li { list-style:none; margin: 4xp 0xp 4xp 6xp}
#menu-propaganda {width: 228px; float:left; margin-right: 10px; background-color: red; background-position: bottom; padding-bottom:5px}
#datos {width:540px; background-color:red; text-align: center}
#datos h1 {color: black; text-decoration: none}
#opcion {text-align: center; width: 260px;float:left; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion a:hover { color:#cc00cc; text-decoration:underline }
#opcion h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion p {color: #ffffff; text-align: center; font-size:13px}
#opcion2 {text-align: center; width: 260px;float:right; background-image: url(objetos/cuadro-inferior.PNG); text-align:center; margin-right: 10px; background-position: bottom; margin-bottom:5px}
#opcion2 a {color: #ffffff; list-style:none; margin: 4xp 0xp 4xp 6xp}
#opcion2 a:hover { color:#cc00cc; text-decoration:underline }
#opcion2 h1 {color:#ffffff; text-decoration:none; font-size:15px; background-image: url(objetos/cuadro-superior.PNG); padding-top:12px }
#opcion2 p {color: #ffffff; text-align: center; font-size:13px}
#pie { background-color: red; height: 65px }
#pieuno { float:left; width: 150px }
#piedos { float:left;width: 498px }
#pietres { float:left; width: 150px }
a {text-decoration: none}
#pie a { color: blue; text-decoration:none; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover { color:black; text-decoration:underline; background-color: white }
#pie a:active { color:black }
esta es mi web
http://www.genesays.co.cc/
de antemano les doy las gracias, la verdad muchas gracias