- Ejemplo de distribución -
  1. Secciones

  2. Apartado 1
  3. Apartado 2
  4. Apartado 3
  5. Apartado 4
  6. Apartado 5
  7. Apartado 6
Posicionamiento CSS
  1. Aquí tienes un ejemplo de cómo puede utilizarse el posicionamiento de los distintos elementos para distribuir el contenido de la página sin necesidad de recurrir a tablas ni marcos, usando solamente propiedades de CSS.
  2. La cabecera de la página se encuentra en una sección DIV con distribución estática, ajustándose a las dimensiones que necesite el texto.
  3. Los paneles que aparecen ajustados a los márgenes izquierdo y derecho tienen posicionamiento absoluto, igual que esta zona central dedicada al cuerpo del documento, si bien se ha usado una unidad de medida, el em, que hará posible que su visualización sea correcta incluso a pesar de que cambie el tamaño de la fuente, algo que no sería posible de haber utilizado píxeles.
  1. Enlaces

  2. Enlace 1
  3. Enlace 2
  4. Enlace 3
  5. Enlace 4
  6. Enlace 5
  7. Enlace 6
Pie de página