Hola chicos!. este si que me dejo desconcertado!. un desencuadre terrible se ven en mi pagina en IE y en firefox apenas se nota en el pie, en las esquinas verdecitas que esta mal. Ademas el pie 3 esta corrido a la izquierda. no tengo idea de porque.
Les dejo el link:
http://tiim.myartsonline.com/tiim-home.html
Porfavor, si saben q es, ayudenmee :)
Gracias!
Aka les dejo mi planilla.html [tiim-home]
---------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Tiim-Página principal</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="transmenuC.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div class="sombra">
[contenido no disponible]
</div>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="publicidad">[contenido no disponible]</div>
<div id="tribal">[contenido no disponible]</div>
<div id="marque">
<marquee direction="up" scrollAmount="3" style=" text-align: center; width:150px;height:95px;border:1px solid #000000;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='3'">
[contenido no disponible]
[contenido no disponible]
<a href="URL DEL ENLACE" title="Accede a 'Menu Literatura'">[contenido no disponible]
<a href="URL DEL ENLACE" title="Accede a 'Menu Música'">[contenido no disponible]
<a href="URL DEL ENLACE" title="Accede a 'Menu Amigos'">[contenido no disponible]</marquee>
</div>
<div id="tribal2">[contenido no disponible]</div>
<div id="logotipo"><a href="index.html">[contenido no disponible]
</a></div>
</div>
<div id="navegacion">
<ul>
Home
T.I.I.M.
Cine
Arte & Diseño
Literatura
Música
Amigos
Contacto
</div>
<div id="contenido">
<div id="menu">
<h1>Favoritos:</h1>
<ul> U del arte Bandas Historias Hollywood
</div>
<div id="cont-esc">
<h1>Bienvenidos a "Tiim"</h1>
Un pequeño espacio dedicado al visitante amigo y comunidad en general, donde
podrán encontrar entretenimiento e información actualizada referida a las distintas temáticas
que exponemos. Cada sección cuenta con una breve introducción con fines
de orientarlos en el ámbito, como asi también videos, audios, imagenes y animaciones.</p>
Contamos también con secciones personales en donde publicamos nuestros propios
trabajos con mención al autor correspondiente, si deseas formar parte de la web
y obtener un espacio personal donde millones de personas puedan conocerte, este
es tu lugar.</p>
Podrán ponerse en contacto directamente enviando un e-mail o bien participando de nuestro foro
(en la sección correspondiente) actualmente
en construcción. Cualquier opinión o conjetura será bien recibida y puesta en práctica según
el equipo técnico crea prudente.</p>
Si crees tener problemas para encontrar un camino, visita nuestro "Mapa de
la Web" ubicado al pie de página.</p>
El crecimiento de esta web es producto del apoyo y la contribución de nuestros
amigos ubicados alrededor del mundo. Esta es una página en crecimiento, sepan
tenernos paciencia, puesto que todo el material es subido acorde al
tiempo del que disponemos.</p>
El equipo técnico de producción.</p
</div>
<div id="barra-inferior">T.i.i.m.</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro[en const] <a href="#">Contactos[en const]
</a> Nos Enlazan[en const]
</div>
<div id="piedos"><h>Todos los derechos reservados.© 2009 Copiright Tiim-Producciones</h></div>
<div id="pietres">
<ul>
Directorio[en const] <a href="#">TopSite[en const]
</a> Mapa de la Web[en const]
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
--------------------------------------------------
y la de CSS*
--------------------------------------------------
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify ; color: 12083B ; font-family: "verdana" ; font-size:13px}
h1 {font-size: 1.2em ; color: 241567 ; font-weight: "bold" ;
text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em ; color: 241567 ; font-weight: "bold" ; text-decoration: none ;
text-align: center}
body {text-align: center ; background-color: #6E0101}
#global {width:800px ; margin: 4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden}
#cabecera {background-color: black ; border-left: black 1px solid ;
border-right: black 1px solid ; height:110px}
#publicidad {width:325px ; float: left ; margin-left:10px ; font-size:5px}
#tribal {width:13px ; float: right ; margin-right:20px ; margin-top:10px}
#marque {width:150px ; float: right ; margin-right:5px ;
margin-top:8px}
#tribal2 {width:13px ; float: right ; margin-top:10px}
#logotipo {width:90px ; float: left ; margin:5px 0px 0px 100px}
#navegacion {background-color: black ; border: black 1px solid ; height:30px ;
background-image: url(objetos/barra-navegacion.gif)}
#navegacion li {float:left ; list-style: none ; margin: 7px 8px 0px 20px ;
font-family: "Bauhaus 93"}
#navegacion ul {margin-left: 40px}
#contenido {background-color: #CDC9A5 ; border-left: black 1px solid ;
border-right: black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent:15px}
#cont-esc {padding:20px 10px 30px 10px}
#menu {width: 150px ; float:left ;
text-align:left ; margin:30px 10px 3px 1px ;
background-image: url(objetos/menu-parte-inferior-home.gif) ;
background-position: bottom}
#menu li {list-style: none ; margin: 4px 8px 4px 6px ; padding-bottom: 4px ;
font-family: "bauhaus 93" ; font-size:17px}
#menu h1 {text-decoration: underline ; font-size: 15px ; font-family: comic sans MS ;
margin-bottom: 5px ; padding-top: 8px ; padding-right: 70px ;
color: 862105 ; background-image: url(objetos/menu-parte-superior-home.gif) ;
background-color: #CDC9A5 ; background-repeat: no-repeat}
#barra-inferior {background-image: url(objetos/barra-inferior.gif) ;
background-repeat: no-repeat ; background-position: bottom ;
border: black 1px solid ; height:30 ; font-family: chiller ;
font-size: 18px}
#pie {border-left: black 1px solid ; background-color: black ;
border-top: black 1px solid ; border-right: 1px solid ;
height: 65px ; float: left}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px ; font-size: 9}
#piedos {float:left ; width:498px ; color: #DCDCDC ; font-size: 9}
#pietres {float:left ; width:150px ; font-size: 9}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden}
a {color:#CDC5BF ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:12083B ; text-decoration: none}
a:active {}
#menu a {color: #8B6914 ; text-decoration: none}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #862105 ; text-decoration: none}
#menu a:active {color: #8B4500}
#pie a {color: white ; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:silver ; text-decoration:underline}
#pie a:active {color:silver}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: black }
#logotipo a:active {}
----------------------------------------------------------
GRACIAS!
Les dejo el link:
http://tiim.myartsonline.com/tiim-home.html
Porfavor, si saben q es, ayudenmee :)
Gracias!
Aka les dejo mi planilla.html [tiim-home]
---------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Tiim-Página principal</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="transmenuC.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div class="sombra">
[contenido no disponible]
</div>
<div id="curva-superior"></div>
<div id="cabecera">
<div id="publicidad">[contenido no disponible]</div>
<div id="tribal">[contenido no disponible]</div>
<div id="marque">
<marquee direction="up" scrollAmount="3" style=" text-align: center; width:150px;height:95px;border:1px solid #000000;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='3'">
[contenido no disponible]
[contenido no disponible]
<a href="URL DEL ENLACE" title="Accede a 'Menu Literatura'">[contenido no disponible]
<a href="URL DEL ENLACE" title="Accede a 'Menu Música'">[contenido no disponible]
<a href="URL DEL ENLACE" title="Accede a 'Menu Amigos'">[contenido no disponible]</marquee>
</div>
<div id="tribal2">[contenido no disponible]</div>
<div id="logotipo"><a href="index.html">[contenido no disponible]
</a></div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Favoritos:</h1>
<ul>
</div>
<div id="cont-esc">
<h1>Bienvenidos a "Tiim"</h1>
Un pequeño espacio dedicado al visitante amigo y comunidad en general, donde
podrán encontrar entretenimiento e información actualizada referida a las distintas temáticas
que exponemos. Cada sección cuenta con una breve introducción con fines
de orientarlos en el ámbito, como asi también videos, audios, imagenes y animaciones.</p>
Contamos también con secciones personales en donde publicamos nuestros propios
trabajos con mención al autor correspondiente, si deseas formar parte de la web
y obtener un espacio personal donde millones de personas puedan conocerte, este
es tu lugar.</p>
Podrán ponerse en contacto directamente enviando un e-mail o bien participando de nuestro foro
(en la sección correspondiente) actualmente
en construcción. Cualquier opinión o conjetura será bien recibida y puesta en práctica según
el equipo técnico crea prudente.</p>
Si crees tener problemas para encontrar un camino, visita nuestro "Mapa de
la Web" ubicado al pie de página.</p>
El crecimiento de esta web es producto del apoyo y la contribución de nuestros
amigos ubicados alrededor del mundo. Esta es una página en crecimiento, sepan
tenernos paciencia, puesto que todo el material es subido acorde al
tiempo del que disponemos.</p>
El equipo técnico de producción.</p
</div>
<div id="barra-inferior">T.i.i.m.</div>
<div id="pie">
<div id="pieuno">
<ul>
</a>
</div>
<div id="piedos"><h>Todos los derechos reservados.© 2009 Copiright Tiim-Producciones</h></div>
<div id="pietres">
<ul>
</a>
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
--------------------------------------------------
y la de CSS*
--------------------------------------------------
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify ; color: 12083B ; font-family: "verdana" ; font-size:13px}
h1 {font-size: 1.2em ; color: 241567 ; font-weight: "bold" ;
text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em ; color: 241567 ; font-weight: "bold" ; text-decoration: none ;
text-align: center}
body {text-align: center ; background-color: #6E0101}
#global {width:800px ; margin: 4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden}
#cabecera {background-color: black ; border-left: black 1px solid ;
border-right: black 1px solid ; height:110px}
#publicidad {width:325px ; float: left ; margin-left:10px ; font-size:5px}
#tribal {width:13px ; float: right ; margin-right:20px ; margin-top:10px}
#marque {width:150px ; float: right ; margin-right:5px ;
margin-top:8px}
#tribal2 {width:13px ; float: right ; margin-top:10px}
#logotipo {width:90px ; float: left ; margin:5px 0px 0px 100px}
#navegacion {background-color: black ; border: black 1px solid ; height:30px ;
background-image: url(objetos/barra-navegacion.gif)}
#navegacion li {float:left ; list-style: none ; margin: 7px 8px 0px 20px ;
font-family: "Bauhaus 93"}
#navegacion ul {margin-left: 40px}
#contenido {background-color: #CDC9A5 ; border-left: black 1px solid ;
border-right: black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent:15px}
#cont-esc {padding:20px 10px 30px 10px}
#menu {width: 150px ; float:left ;
text-align:left ; margin:30px 10px 3px 1px ;
background-image: url(objetos/menu-parte-inferior-home.gif) ;
background-position: bottom}
#menu li {list-style: none ; margin: 4px 8px 4px 6px ; padding-bottom: 4px ;
font-family: "bauhaus 93" ; font-size:17px}
#menu h1 {text-decoration: underline ; font-size: 15px ; font-family: comic sans MS ;
margin-bottom: 5px ; padding-top: 8px ; padding-right: 70px ;
color: 862105 ; background-image: url(objetos/menu-parte-superior-home.gif) ;
background-color: #CDC9A5 ; background-repeat: no-repeat}
#barra-inferior {background-image: url(objetos/barra-inferior.gif) ;
background-repeat: no-repeat ; background-position: bottom ;
border: black 1px solid ; height:30 ; font-family: chiller ;
font-size: 18px}
#pie {border-left: black 1px solid ; background-color: black ;
border-top: black 1px solid ; border-right: 1px solid ;
height: 65px ; float: left}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px ; font-size: 9}
#piedos {float:left ; width:498px ; color: #DCDCDC ; font-size: 9}
#pietres {float:left ; width:150px ; font-size: 9}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden}
a {color:#CDC5BF ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:12083B ; text-decoration: none}
a:active {}
#menu a {color: #8B6914 ; text-decoration: none}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: #862105 ; text-decoration: none}
#menu a:active {color: #8B4500}
#pie a {color: white ; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:silver ; text-decoration:underline}
#pie a:active {color:silver}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: black }
#logotipo a:active {}
----------------------------------------------------------
GRACIAS!