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
http://www.dwfaq.com/Tutorials/Tables/flexible_tables.asp

Tutorials home >>