Mi html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Informe de ventas</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</title>
</head>
<body>
<div id="global">
<body bgcolor="#E0FFFF">
<div id="cabecera">
[contenido no disponible]</div>
<div id="navegacion">
<div id="navegacion-barra"></div>
<ul>
Informe Ventas
Informe Resultados
Prevision Pago
Analisis economico-financiero
Zona geografica
Contacto
<div id="navegacion-barra-abajo"></div>
</div>
<div id="contenido-parte-superior"></div>
<div id="contenido"><div id="menu"><div id="menu-parte-superior"></div><ul>
INFORME VENTAS DIARIAS
INFORME VTAS MENSUALES
INFORME VENTAS ANUALES
<div id="menu-parte-inferior"></div></div>
<h2>Informe de Ventas</h2>
La partida mas importante de nuestros ingresos, suelen ser nuestras ventas o prestación de servicios, dependiente de la actividad que realicemos, por lo que es imprescindible conocer la evolución que va sufriendo a lo largo de nuestro ejercicio.</p>
Nosotros, solemos realizar un Informe diario, mensual y anual, dependiendo de la actividad que se realice.</p>
En ejemplo que hemos elegido, la mercantil se dedica, a la actividad de Hostelería, por lo que hemos realizado un:</p>
Informe Diario:En el cual analizamos la evolución diaria de nuestras ventas, y la incidencia que tienen los turnos en nuestras ventas, distinguiendo entre el turno de mañana, tarde y noche.</p>
Informe Mensual:Analizamos la evolución y tendencia de nuestras ventas y de los turnos, comparándolos con los meses anteriores. Comparamos la evolución sufrida durante todo el ejercicio económico.</p>
Informe Anual:Comparamos nuestras ventas en un periodo concreto, y analizamos la evolucion sufrida a lo largo de varios ejercicios (maximo de cinco ejercicios)</p>
</div>
<div id="contenido-curva"></div>
<div id="pie"><ul>ForoServicios</div>
<div id="pie-derecho"><ul>ICACAgencia tributariaConsultas vinculantes</div>
</div>
</body>
</html>
mi hoja de estilos:
* {margin: 0px ; padding: 0px ; border : 0px}
body {text-align: center}
p {text-align: justify}
#global {width: 800px ; margin: 4px auto}
#global-objetos {width: 1024; margin: 4px auto}
#cabecera {background-color: blue}
#navegacion {background-image: url(objetos/203.gif); border:black 1px solid; height: 60px;}
#navegacion-barra {background-image: url(objetos/103b.gif);width: 800px ; height: 24px; float: top}
#navegacion-barra-abajo {background-image: url(objetos/103b.gif); width: 800px;height: 24px; float: bottom}
#navegacion ul {margin-left: 5px}
#navegacion li {float: left; list-style: none; margin: 0px 10px 0px 10px}
#contenido {background-image: url(objetos/contenido-centro2.JPG)}
#contenido p {padding: 5px 15px 5px 15px ; text-indent: 15px; font-size: 1.2em}
#contenido b {text-align: left; padding: 5px 15px 5px 15px; text-indent: 15px; text-decoration:underline}
#contenido-parte-superior {background-image: url(objetos/contenido-parte-superior2.JPG);background-repeat: no repeat;background-position: top; background-top: 40px;width: 800px; height: 40px; overflow: hidden}
#contenido-curva{background-image: url(objetos/contenido-parte-inferior2.jpg);background-repeat: no repeat; background-position: bottom; background-bottom: 40px; width: 800px; height: 40px; overflow: hidden}
#menu {background-color: yellow; background-image: url(objetos/menu-index-centro.JPG); width: 300px ; float: left ; text-align: left ; margin-right: 10px ; margin: 10px 10px 10px 10px}
#menu-parte-superior {background-color: yellow; background-image: url(objetos/menu-index-parte-superior.JPG);background-repeat: no repeat; background-position: top; background-top: 20px; width: 300px;height: 20px; overflow: hidden}
#menu-parte-inferior {background-color: yellow; background-image: url(objetos/menu-index-parte-inferior.JPG);background-repeat: no repeat; background-position: bottom; background-bottom: 20px; width:300px;heigh: 20px; overflow: hidden}
#menu li {list-style: none; margin: 4px 4px 4px 6px; padding-right: 7px}
#pie {background-image: url(objetos/fondo-azul-bajo.jpg);float: left; background-repeat:no repeat ; width: 370px;height: 175px;padding: 15px 15px 0px 15px}
#pie ul {color: white; font-size: 1.4em; list-style: none; padding-top: 8px; text-align: center}
#pie-derecho {background-image: url(objetos/fondo-azul-bajo.jpg); float: right; blackground-repeat: no repeat ; width: 370px; height: 175px; padding: 0px 15px 0px 15px;}
#pie-derecho ul {color: white; font-size: 1.4em; list-style: none;padding-top: 8px; text-align: center}
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: none ; background-color: silver}
a:active {}
#pie a {color: white; text-decoration: none; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color: red; text-decoration: none; background-color: silver}
#pie a:active {}
#pie-derecho a {color: white; text-decoration: none; display: block}
#pie-derecho a:link {}
#pie-derecho a:visited {}
#pie-derecho a:hover {color: red; text-decoration: none; background-color: silver}
#pie-derecho a:active {}
#navegacion a {color: white; text-decoration: none; display: block}
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color: red; text-decoration: none; background-color: silver}
#navegacion a:active {}
espero que se aclareis, un saludo, y gracias de antemano