hola a todos...hace poco comencé a crear mi web pero no logro que se vea correctamente en firefox, pero sí en IE. Utilicé el validador W3C para mi plantilla por ejemplo, y a pesar que me da sólo un error, en firefox no logro que salga bien. Podrán ayudarme ? ya llevo dos días buscando soluciones pero como no encuentro nada para mi caso prefiero preguntar directamente.
Les dejo el html de mi plantilla más la hoja de estilos.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>andresreesc.com</title>
<link rel="stylesheet" href="estilo-plantilla.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="cabecera">
<div id="logotipo"><img src="objetos/encabezado.jpg" width="500" height="100" alt="encabezado"></div>
</div>
<div id="navegacion">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Galería</a></li>
<li><a href="#">Autor</a></li>
<li><a href="#">Libro de visitas</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<br><br><br><br>
</div>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="copyright">COPYRIGHT © Andrés Rees Catalán, 2010. Todos los derechos reservados.
</div>
<!-- FIN CODIGO PIE DE PAGINA -->
</div>
</body>
</html>
Código CSS:
Ver original* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center ; background-color: 072032; }
#global {width:1024px; }
#cabecera {border: e96d09 1px solid ; height:85px; }
#logotipo {}
#navegacion {background-color: #D3D3D3 ; height:20px ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid ; border-bottom: e96d09 1px solid; }
#navegacion ul {text-align: center;}
#navegacion li {display: inline ; margin: 0px 40px 0px 40px ; list-style-type: none; }
#navegacion li a {color: #A52A2A ; padding: 2px 10px 2px 10px ; text-decoration: none ; font-size: 11pt ; font: bold; }
#contenido {width: 1024px ; float: left ; background-color: #696969 ; color: white ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid; }
#contenido1 {text-align: left ; float: left; }
#contenido1 ul {list-style-type: none; }
#contenido1 li {margin: 30px 0px 0px 100px ; list-style-type: none; }
#contenido1 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
#contenido2 {text-align: left ; float:right; }
#contenido2 ul{text-align: left ; list-style-type: none; }
#contenido2 li {margin: 30px 100px 0px 0px ; list-style-type: none;}
#contenido2 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
#pie {font-size:9pt ; color: white ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid ; border-bottom: e96d09 1px solid; }
Les agradezco desde ya.