Step n°5
for modern browsers and IE 5.x
We use an unordered list for the "table".
Conditional comments will allow us to improve the menu with IE5 and IE 5.5.
for any version before MSIE 5.5
<!--[if lt IE 5.5]>
<style type="text/css">
#menugauche li{
border-bottom:0;
margin-bottom:-5px;
}
</style>
<![endif]-->
for MSIE 5 and 5.5 - menu width
<!--[if lt IE 6]>
<style type="text/css">
#menugauche li a{
width:155px;
}
</style>
<![endif]-->
There will be no change for other browsers.
Title for a table with 3 columns
- Left
- Center
- Right
- The text is hidden
- if there is
- an overflow
- so that alignment
- is not modified.
Title for a table with 2 columns
- Wide column on the left
- Narrow on the right
- Centered text
- Bold characters
Column on the left using half of the content part of the page with margins on both sides.
Column on the right using half of the content part of the page with margins on both sides.
Thus no table, no javascript, but a few navigators will not be able to display all the content.
You can try to adapt the pages or the stylesheet as the next page does.