User:Luccagenes/Sandbox/Positioning

This page will test relative and absolute positioning on the display to lock the navbars with the scroll table. This will be necessary when the new wider screen becomes available.

Will put a relative position box around table and lock navbar to the right inside the box and lock the table next to the navbar. The navbar at the bottom should not be a problem.

May want to play with a slightly narrower table so two tables can fit side by side in the 1200 pixel screen.

May want to set up a wider table to test a full width version of the table.

'''You may notice that all the navbars bring you to the top table. This is normal as only one table can be put on a page (unless the ID names are changed as is the case with multiple language tables).'''

The tables displayed here are not using the "absolute" coding but are nested inside a larger invisible box which should keep them restricted and prevent them from floating across a larger screen. The left navbar is not displaying in this editors box (cannot explain) but they appear to be displaying properly.

Tables 4 &amp; 5 are finished and can be copied as needed.

second copy to play with

{| width="640" border="0" align="right" cellspacing="1" cellpadding="1" ! align="center" style="color:#000080; font-size:12px" scope="col" | test 2


 * }

Third copy to play with

Table 3 height set to 640, bottom navbar floats up with table. Table within a table so screen width changes should not affect inner table and navbars,

Fourth copy: Half height table and short navbar, height = 330, width = 590, bottom navbar width =580

{| width="640" border="0" align="right" cellspacing="1" cellpadding="1" ! align="center" style="color:#000080; font-size:12px" scope="col" | test 4


 * }

Fifth copy: Half height table and short navbar, height = 330, width = 590, bottom navbar width =580

{| width="640" border="0" align="right" cellspacing="1" cellpadding="1" ! align="center" style="color:#000080; font-size:12px" scope="col" | test 5


 * }