This is the left border.
The column width will automatically adjust to be the absolute minimum required to accommodate the contents of the border.
Related Pages
| |
Shared Borders Example - Table width adjusted with CSS
This page uses left, right, top and bottom shared borders with the minimum of CSS to centre the page with a width of 760px. The method of construction is described at centred tables.
Note that the method used here will affect EVERY table in the page - other CSS must be used in author or database generated tables (that is all those tables that are not used for laying out the shared borders) to counteract the width setting given to all tables.
The table below uses inline styles to control it's width.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lectus magna, consectetur eu eleifend sit amet, condimentum ac massa. Maecenas at diam eu est scelerisque facilisis id sit amet ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae risus cursus dui pulvinar rhoncus at et velit. sed semper ac, bibendum id erat. |
Cras in eros in felis rutrum varius vel eu dolor. Nunc lorem erat, adipiscing non aliquam elementum, accumsan sed mi. Mauris urna eros, suscipit sit amet tristique rhoncus, venenatis a nunc. Cras eget nunc quam, a mattis libero. Etiam sit amet auctor dolor. Vivamus pretium iaculis justo vitae faucibus. Nulla orci nisi, accumsan sed semper ac, bibendum id erat.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lectus magna, consectetur eu eleifend sit amet, condimentum ac massa.
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare tristique risus, ut scelerisque purus scelerisque eu. In ac ultrices tortor. Donec pharetra velit id eros euismod nec tempor nulla faucibus. Aliquam vel nulla eget nisl egestas aliquet non non magna. Integer quis enim turpis, vitae tempor mi. |
In hendrerit interdum ornare. Duis vel ultrices augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur vulputate aliquam diam, sed accumsan nulla dictum in. Sed nisl nisi, fringilla et sollicitudin et, suscipit vel massa. Sed vehicula pellentesque neque, a pulvinar purus vulputate ac. |
| |
This is the right border.
The column width will automatically adjust to be the absolute minimum required to accommodate the contents of the border.
|
