Hola a todos,
estoy haciendo una plantilla.html y un index.html. Estoy utilizando el html-kit, pero tengo varios problemas con los navegadores. Estoy comprobando los resultados parciales tanto en Firefox como en IExplorer.
Lo primero es que en cada uno de ellos la página se configura de una forma, MAL!!!
Pero lo más curioso, o no, es que el aspecto que busco (por ahora) en la plantilla.html me sale correcto con el Firefox y con el Explorer no.
Y el index.html, me aparece bien configurado en el HTML-Kit, por tanto en el Explorer y se desconfigura en el Firefox.
Necesito ayuda bastante urgente!!!
Gracias a todos.
Es un poco extenso, pero adjunto código del Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Urban Torrent</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta content="Web oficial de la Iniciativa Urbana de Torrent" name="TITLE">
<meta content="Spanish" http-equiv="CONTENT-LANGUAGE">
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
<meta content="Todo sobre la Iniciativa Urbana de Torrent. Cronología, proyectos, calendario, financiación... así como de las noticias relacionadas con él y aparecidas en prensa. Contiene, además, información sobre Torrent: monumentos, fiestas.. y un área de participación con foros y encuestas" name="Description">
<meta content="torrent urban plan financiación calendario cronología monumentos fiestas turismo foros encuestas tradición noticias dossier prensa " name="Keywords">
<link href="estilos/estilos.css" type="text/css" rel="stylesheet" media="all">
<Link rel="shortcut icon" HREF="imatges/URBAN.ico">
</head>
<body>
<div id ="global">
<div id ="cabecera">
<div id ="titulo">
Iniciativa URBANa del barrio del Xenillet</p></div>
<div id ="barrapie3">
</div>
<div id ="barrapie2">
</div>
<div id ="barrapie1">
</div>
<div id ="banner"> <span id="vertical_ie"></span>
<div id ="localiza"><a href="#">
[contenido no disponible]</a></div>
<div id ="fotos"><a href="#">
[contenido no disponible]</a></div>
</div>
<div id = "barra-menu">
<ul>
Inicio URBAN Financiación y Proyectos Tablón de Anuncios Perfil del contratante Noticias Torrent
</div>
<div id ="barranav1">
</div>
<div id ="barranav2">
</div>
<div id = "contenido">
<div id="destacado">Destacado</div>
<div id ="texto">
<h1>Esta será la zona principal de la web</h1>
<h2>ANUNCIO</h2>
<h2>BASES</h2>
<h3>LISTA DE ADMITIDOS</h3>
<h3>VALORACIÓN DE LOS CANDIDATOS</h3>
16/6/2009.- ANUNCIO Y BASES PARA LA CONTRATACIÓN DE PERSONAL ADMINISTRATIVO ANUNCIO
BASES LISTA DE ADMITIDOS VALORACIÓN DE LOS CANDIDATOS. </p>
20/3/2009.- El cambio en el sistema de cimentación encarecerá en un 15%
el presupuesto de las obras de la plaza Domingo Gascón. </p>
<h2>Subítol</h2>
17/3/2009.- Un acto de clausura con la entrega de 45 distinciones ha cerrado el Plan Urban después de seis años.</p>
4/2/2009.- La Vía Perimetral acoge una nueva escultura dedicada a las víctimas del terrorismo.</p>
</div>
<div id ="logos">
<div style="margin:10px 0px"><a target ="_blank" href="http://ciencia.micinn.fecyt.es/ciencia/feder">
[contenido no disponible]</a></div>
<div style="margin:10px 0px"><a target="_blank" href="http://www.atorrent.es">
[contenido no disponible]</a></div>
<div style="margin:10px 0px"><a href="#">
[contenido no disponible]</a></div>
</div>
</div>
<div id ="barrapie2">
</div>
<div id ="barrapie1">
</div>
<div><span id="vertical_ie"></span></div>
<div id ="fotomont"><a href="#">
[contenido no disponible]</a></div>
</div>
<div id ="barrapie1">
</div>
<div id ="barrapie2">
</div>
<div id ="barrapie3">
</div>
<div id="pie">
Copyright © <script>document.write(new Date().getFullYear())</script></p></div>
</div>
</body></html>
estilos.CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {background-color: #f5f5f5; font-family: Arial; text-align: center;font-size: 12px}
img {border-style: none}
a {text-decoration: none; color:black; font-family:Arial; margin: 2px; }
a:link {}
a:visited {text-decoration: none; color:#B0C4DE}
a:hover{color:#e5b02b}
a:active {}
p {text-align: left;font-size: 13px}
h1 {font-size: 15px; color:#233e79 ; font-weight: bold; text-align: center; font-family: Arial; padding: 5px; margin: 2px}
h2 {font-size: 13px; color:black; font-weight: bold; text-align: center; font-family: Arial; padding: 5px; margin: 2px}
h3 {font-size: 12px; color:black; text-align: center; font-family: Arial; padding: 5px; margin: 2px}
#global {width:800px; margin:4px auto; overflow:hidden}
#cabecera {height:120px; width: 800px; margin: 5px 0px 10px 0px; position:relative; vertical-align:middle}
#titulo p {font-size:18px; color: #233e79; font-weight: bold; text-align: center; vertical-align: middle; display:inline-block; margin-bottom:10px}
#vertical_ie {width:0; height:100%; display:inline-block; vertical-align:middle}
#banner {width: 800px}
#localiza {width: 150px; float:left; margin-left:5px; height: 105px; margin-bottom:8px}
#localiza a:hover {background-color:none; margin:0px; padding:0px}
#fotos {width: 500px; float:right; margin-right:5px; height: 105px; margin-bottom:8px}
#fotos a:hover {background-color:none; margin:0px; padding:0px}
#barra-menu {background-color:#233e79; height: 20; width:800px}
#barra-menu li {float:left; list-style:none; margin: 2px 15px 2px 15px}
#barra-menu ul {list-style:none}
#barra-menu a {color: #e5b02b; text-decoration:none}
#barra-menu a:hover {color: #233e79; background-color: #e5b02b; font-weight: bold; padding-left: 2px; padding-right: 2px}
#barranav1 {background-color: #f5f5f5; width:100%; height:2px; margin:0px; padding:0px; overflow:hidden}
#barranav2 {background-color: #233e79; width:100%; height:2px; margin:0px; padding:0px; overflow:hidden}
#contenido {margin-top: 10px}
#contenido p {padding:2px}
#texto {width: 580px; float: left}
#logos {margin-left: 600px; width:180px; align:middle}
#logos a:hover {}
#destacado {width:600px ;background-color: #d8d8d8; margin: 10px 0px; text-align:left; padding:2px 7px; float:left}
#fotomont {width: 800px; float:center; margin: 5px; overflow:hidden}
#barrapie1 {background-color: #233e79; width:800px; height:1px; margin:0px; padding:0px; overflow:hidden}
#barrapie2 {background-color: #f5f5f5; width:800px; height:1px; margin:0px; padding:0px; overflow:hidden}
#barrapie3 {background-color: #233e79; width:800px; height:5px; margin:0px; padding:0px; overflow:hidden}
#pie {width: 800px; background-color: #d8d8d8; margin: 10px 0px; text-align:left; padding:2px 7px; color:#646464; float:center}
estoy haciendo una plantilla.html y un index.html. Estoy utilizando el html-kit, pero tengo varios problemas con los navegadores. Estoy comprobando los resultados parciales tanto en Firefox como en IExplorer.
Lo primero es que en cada uno de ellos la página se configura de una forma, MAL!!!
Pero lo más curioso, o no, es que el aspecto que busco (por ahora) en la plantilla.html me sale correcto con el Firefox y con el Explorer no.
Y el index.html, me aparece bien configurado en el HTML-Kit, por tanto en el Explorer y se desconfigura en el Firefox.
Necesito ayuda bastante urgente!!!
Gracias a todos.
Es un poco extenso, pero adjunto código del Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Urban Torrent</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta content="Web oficial de la Iniciativa Urbana de Torrent" name="TITLE">
<meta content="Spanish" http-equiv="CONTENT-LANGUAGE">
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
<meta content="Todo sobre la Iniciativa Urbana de Torrent. Cronología, proyectos, calendario, financiación... así como de las noticias relacionadas con él y aparecidas en prensa. Contiene, además, información sobre Torrent: monumentos, fiestas.. y un área de participación con foros y encuestas" name="Description">
<meta content="torrent urban plan financiación calendario cronología monumentos fiestas turismo foros encuestas tradición noticias dossier prensa " name="Keywords">
<link href="estilos/estilos.css" type="text/css" rel="stylesheet" media="all">
<Link rel="shortcut icon" HREF="imatges/URBAN.ico">
</head>
<body>
<div id ="global">
<div id ="cabecera">
<div id ="titulo">
Iniciativa URBANa del barrio del Xenillet</p></div>
<div id ="barrapie3">
</div>
<div id ="barrapie2">
</div>
<div id ="barrapie1">
</div>
<div id ="banner"> <span id="vertical_ie"></span>
<div id ="localiza"><a href="#">
[contenido no disponible]</a></div>
<div id ="fotos"><a href="#">
[contenido no disponible]</a></div>
</div>
<div id = "barra-menu">
<ul>
</div>
<div id ="barranav1">
</div>
<div id ="barranav2">
</div>
<div id = "contenido">
<div id="destacado">Destacado</div>
<div id ="texto">
<h1>Esta será la zona principal de la web</h1>
<h2>ANUNCIO</h2>
<h2>BASES</h2>
<h3>LISTA DE ADMITIDOS</h3>
<h3>VALORACIÓN DE LOS CANDIDATOS</h3>
16/6/2009.- ANUNCIO Y BASES PARA LA CONTRATACIÓN DE PERSONAL ADMINISTRATIVO ANUNCIO
BASES LISTA DE ADMITIDOS VALORACIÓN DE LOS CANDIDATOS. </p>
20/3/2009.- El cambio en el sistema de cimentación encarecerá en un 15%
el presupuesto de las obras de la plaza Domingo Gascón. </p>
<h2>Subítol</h2>
17/3/2009.- Un acto de clausura con la entrega de 45 distinciones ha cerrado el Plan Urban después de seis años.</p>
4/2/2009.- La Vía Perimetral acoge una nueva escultura dedicada a las víctimas del terrorismo.</p>
</div>
<div id ="logos">
<div style="margin:10px 0px"><a target ="_blank" href="http://ciencia.micinn.fecyt.es/ciencia/feder">
[contenido no disponible]</a></div>
<div style="margin:10px 0px"><a target="_blank" href="http://www.atorrent.es">
[contenido no disponible]</a></div>
<div style="margin:10px 0px"><a href="#">
[contenido no disponible]</a></div>
</div>
</div>
<div id ="barrapie2">
</div>
<div id ="barrapie1">
</div>
<div><span id="vertical_ie"></span></div>
<div id ="fotomont"><a href="#">
[contenido no disponible]</a></div>
</div>
<div id ="barrapie1">
</div>
<div id ="barrapie2">
</div>
<div id ="barrapie3">
</div>
<div id="pie">
Copyright © <script>document.write(new Date().getFullYear())</script></p></div>
</div>
</body></html>
estilos.CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {background-color: #f5f5f5; font-family: Arial; text-align: center;font-size: 12px}
img {border-style: none}
a {text-decoration: none; color:black; font-family:Arial; margin: 2px; }
a:link {}
a:visited {text-decoration: none; color:#B0C4DE}
a:hover{color:#e5b02b}
a:active {}
p {text-align: left;font-size: 13px}
h1 {font-size: 15px; color:#233e79 ; font-weight: bold; text-align: center; font-family: Arial; padding: 5px; margin: 2px}
h2 {font-size: 13px; color:black; font-weight: bold; text-align: center; font-family: Arial; padding: 5px; margin: 2px}
h3 {font-size: 12px; color:black; text-align: center; font-family: Arial; padding: 5px; margin: 2px}
#global {width:800px; margin:4px auto; overflow:hidden}
#cabecera {height:120px; width: 800px; margin: 5px 0px 10px 0px; position:relative; vertical-align:middle}
#titulo p {font-size:18px; color: #233e79; font-weight: bold; text-align: center; vertical-align: middle; display:inline-block; margin-bottom:10px}
#vertical_ie {width:0; height:100%; display:inline-block; vertical-align:middle}
#banner {width: 800px}
#localiza {width: 150px; float:left; margin-left:5px; height: 105px; margin-bottom:8px}
#localiza a:hover {background-color:none; margin:0px; padding:0px}
#fotos {width: 500px; float:right; margin-right:5px; height: 105px; margin-bottom:8px}
#fotos a:hover {background-color:none; margin:0px; padding:0px}
#barra-menu {background-color:#233e79; height: 20; width:800px}
#barra-menu li {float:left; list-style:none; margin: 2px 15px 2px 15px}
#barra-menu ul {list-style:none}
#barra-menu a {color: #e5b02b; text-decoration:none}
#barra-menu a:hover {color: #233e79; background-color: #e5b02b; font-weight: bold; padding-left: 2px; padding-right: 2px}
#barranav1 {background-color: #f5f5f5; width:100%; height:2px; margin:0px; padding:0px; overflow:hidden}
#barranav2 {background-color: #233e79; width:100%; height:2px; margin:0px; padding:0px; overflow:hidden}
#contenido {margin-top: 10px}
#contenido p {padding:2px}
#texto {width: 580px; float: left}
#logos {margin-left: 600px; width:180px; align:middle}
#logos a:hover {}
#destacado {width:600px ;background-color: #d8d8d8; margin: 10px 0px; text-align:left; padding:2px 7px; float:left}
#fotomont {width: 800px; float:center; margin: 5px; overflow:hidden}
#barrapie1 {background-color: #233e79; width:800px; height:1px; margin:0px; padding:0px; overflow:hidden}
#barrapie2 {background-color: #f5f5f5; width:800px; height:1px; margin:0px; padding:0px; overflow:hidden}
#barrapie3 {background-color: #233e79; width:800px; height:5px; margin:0px; padding:0px; overflow:hidden}
#pie {width: 800px; background-color: #d8d8d8; margin: 10px 0px; text-align:left; padding:2px 7px; color:#646464; float:center}