Header Text, my website
left;
left;
left;
Ribbon title
This is a ribbon text. Some type of tip.
This ribbon is placed on the right column and the column has the same background as the document making these boxes appear like "floating" on the document body.
Ribbon title
This is a ribbon text. Some type of tip.
This ribbon is placed on the right column and the column has the same background as the document making these boxes appear like "floating" on the document body.
Ribbon title
This is a ribbon text. Some type of tip.
This ribbon is placed on the right column and the column has the same background as the document making these boxes appear like "floating" on the document body.
Ribbon title
This is a ribbon text. Some type of tip.
This ribbon is placed on the right column and the column has the same background as the document making these boxes appear like "floating" on the document body.
Ribbon title
This is a ribbon text. Some type of tip.
This ribbon is placed on the right column and the column has the same background as the document making these boxes appear like "floating" on the document body.
link here
As you can see, the center content is elastic and fills the remaining space. Try to resize your browser window to see the results. Left column will remain untouched because is pixel-fixed, while right column will change because it's percentage-fixed, then the center content will fill the remaining space. This layout is:
- total width: 80%
- left width: 120px
- right width: 22%
See when the right column is longer
This is a named anchor link (one of the problems of the super-padding approach)
bottom;
bottom;
bottom;