RESOURCES :: Mini Tutorials :: "Fluid Layout" - Changing browser viewport: |
Resize your browser window to see how each of the tables below resize to fit any viewport. |
![]() |
Table has no width specified - allowing the cells to collapse around their content - I did not specify any widths for each cell. Do not specify a table height - it is not valid html. Image stays the same size- regardless of the browser window size - this cell however, expands or contracts when the window is resized. Through a top-down, proactive approach we can remain customer focused and goal-directed, innovate and be an inside-out organization. Which facilitates sticky web-readiness transforming turnkey eyeballs. |
![]() |
Table set at 100% wide - I did not specify any widths for each cell. Do not specify a table height - it is not valid html. Image stays the same size- regardless of the browser window size - this cell however, expands or contracts when the window is resized. Through a top-down, proactive approach we can remain customer focused and goal-directed, innovate and be an inside-out organization. Which facilitates sticky web-readiness transforming turnkey eyeballs. |
![]() |
Table set 80% width. I did not specify any widths for each cell. Do not specify a table height - it is not valid html. Image stays the same size- regardless of the browser window size - expands or contracts when the window is resized. Through a top-down, proactive approach we can remain customer focused and goal-directed, innovate and be an inside-out organization. Which facilitates sticky web-readiness transforming turnkey eyeballs. |
![]() |
Table is set to a fixed width of 650px. I did not specify any widths for each cell. Do not specify a table height - it is not valid html. Image stays the same size- regardless of the browser window size - expands or contracts when the window is resized. Through a top-down, proactive approach we can remain customer focused and goal-directed, innovate and be an inside-out organization. Which facilitates sticky web-readiness transforming turnkey eyeballs. |
If you are not sure how to build a 'fluid' layout, these tutorials may help. http://www.dwfaq.com/Tutorials/Tables/managing_tables.asp
|