CSS / 3 columns / header / footer

no javascript, no table, no image

A few layout tests with CSS.

Code compatible with:

  • MSIE 5, 5.5 and 6. Text size: Medium
  • Mozilla, Firefox, Galeon, Epiphany, K-meleon, Netscape 6, 7 (except popup), Netscape 7.2 and 8.
  • Opera 6 (except popup), 7, 8 and 9.
  • Konqueror 3.2.
  • Safari 1.2.

Some CSS layouts need "hacks" either for a specific Mozilla value or for a few MSIE oddities.
The code uses "hacks" even if avoiding them is the best solution.

Each page has its own style sheet and uses different techniques for the menu.


The popups of the notes depend on the available fonts disponibles and on screen size.

 

This page specifies sizes in em.
MSIE displaying it correctly in mode "medium size" for the text, a few hacks have been added for a better compatibility.

The same content -with one filter and a different HTML code- is here.

visits: 363591
at 1:20:51 utc+2 on Tue May 23, 2017

Site map