Tema: ayuda con web
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/04/2010, 11:31
andreesc
 
Fecha de Ingreso: abril-2010
Mensajes: 10
Antigüedad: 14 años
Puntos: 0
ayuda con web
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 &copy; Andrés Rees Catalán, 2010. Todos los derechos reservados.
	</div>

<!-- FIN CODIGO PIE DE PAGINA -->

</div>
</body>
</html>

Código CSS: 
Ver original
  1. * {margin:0px ; padding:0px ; border: 0px}
  2. body {text-align: center ; background-color: 072032; }
  3. #global {width:1024px; }
  4. #cabecera {border: e96d09 1px solid ; height:85px; }
  5.   #logotipo {}
  6. #navegacion {background-color: #D3D3D3 ; height:20px ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid ; border-bottom: e96d09 1px solid; }
  7.   #navegacion ul {text-align: center;} 
  8.     #navegacion li {display: inline ; margin: 0px 40px 0px 40px ; list-style-type: none; }
  9.     #navegacion li a {color: #A52A2A ; padding: 2px 10px 2px 10px ; text-decoration: none ; font-size: 11pt ; font: bold; } 
  10. #contenido {width: 1024px ; float: left ; background-color: #696969 ; color: white ; border-left: e96d09 1px solid ; border-right: e96d09 1px solid; }
  11.   #contenido1 {text-align: left ; float: left; }
  12.       #contenido1 ul {list-style-type: none; } 
  13.       #contenido1 li {margin: 30px 0px 0px 100px ; list-style-type: none; }
  14.       #contenido1 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
  15.   #contenido2 {text-align: left ; float:right; }
  16.       #contenido2 ul{text-align: left ; list-style-type: none; } 
  17.       #contenido2 li {margin: 30px 100px 0px 0px ; list-style-type: none;}
  18.       #contenido2 li a {color: white ; padding: 0px 0px 0px 0px ; text-decoration: none ; font-size: 13pt ; font: bold; }
  19. #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.