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 2, 3, 4 &amp; 5 are finished and can be copied as needed.

Third copy: Full length navbar left, two column
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, short navbar, two column
height = 330, width = 590, bottom navbar width =580

 

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