Consejos para mi estructura en XHTML

Coplo · #1 (**permalink**) 05/11/2008, 05:40

Hola, quisiera saber si podrian revisar mi estructura (XHTML) y si ¿esta bien estructurado? y si me quieren dar algun consejo o si tavez me equivocado, o ¿si estoy siguiendo bien la reglas XHTML?.
Aqui les dejo mi estructura.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	<title>Informatica Empresarial</title>
        
    <style type="text/css">
		* {
		margin: 0;
		padding: 0;
		font-size: 100%;
}
body{
	background-image:url(images/images1.jpg);
	font-size: 16px;
	font-size: 0.8em;
}
	#centrador {
		position: absolute;
		top: 54%;
		left: 0px;
		width: 100%;
		height: 0px;
	}
	#contenido {
	position: relative;
	top: -200px;
	margin-left: auto;
	margin-right: auto;
	height: 400px;
	width: 600px;
	
	padding: 0px;
}
</style>	

</head>

<body>
<div id="centrador">
  <div id="contenido">
    <center>
      <img src="http://www.forosdelweb.com/images/images2.jpg" alt="Haga clic aqui" width="480" height="360" />
    </center>
  </div>
</div>
</body>
</html>

GRACIAS

Eourus · #2 (**permalink**) 05/11/2008, 06:12

Si usas firefox, ahi un complemente muy bueno para eso. Html tiddy

webosiris · #3 (**permalink**) 05/11/2008, 06:42

hola, bienvenido al foro

a) es mejor que los estilos css los pongas en un archivo aparte... cuando lleves 200 lineas de css me vas a agradecer

b) esto no tiene uqe ver con tu html, pero porqué posición absoluta y cosas tan extrañas como height:0 ?
c) CENTER es un elemento obsoleto... todo lo que implica posición, tamaño, color, etc debe de ser hecho con CSS.

daPhyre · #4 (**permalink**) 05/11/2008, 09:33

Para completar la información de webosiris, para centrar la imagen que deseas, puedes ponerla dentro de una etiqueta de parrafo con un style="text-align:center".

Como dicen, usa el complemento de HTML Validator para Firefox, te va a ayudar mucho