You are seeing this very light version of the page, as you are using an outdated browser!

Onlinetools.org is done in XHTML 1.0 and supports CSS 2.0, please upgrade your browser if you want a better version of this site.

Thank you, please help us developers keep up with the industry rather than patching our code for outdated applications.

open or close right navigation

Stretch your pages now!

 
written by:Christian Heilmann on 26.04.2002
Jump to page: 1  2  3  4  5  6  7  or read all on one page
 

What does it mean for HTML Programming?

Coding stretchy pages is not as easy as it appears. The first thing that you should be aware of is that you have to use nested tables a lot.

As you cannot consider a table that is defined by percentages to be accurate, you create a main table for the document with percentages and put fixed tables in the right and left spine to avoid the spines to stretch out too far.

This is especially needed when the spines need to be as high as the main content. If your design allows left and right tables to have their own height independent from the content, you can use the "align=left" attribute in the table tag to make the content appear next to the menu rather than below it.

Designs that allow this can become really fast rendering and low-weight pages.

However, most stretchy pages tend to become more complex than fixed ones, and the collapse selection option of homesite surely is your friend while editing.

Stretchy tables are also likely not to display rowspan and colspan definitions as good as fixed ones do, so if possible, avoid those.

In the content part of the page the best thing to do is to avoid tables. You can define layout to a certain degree by using paragraph alignment and align attributes in images is to avoid a three level nesting of tables. Also the hspace and vspace attributes can save some headache there.

Hmm, doesn't that add a lot to page weight?

more»
Table of contents:

What are "stretchy" pages?
The advantages of stretchy pages
Problems with stretchy pages
How to make stretchy pages
How to design stretchy pages?
What does it mean for HTML Programming?
Are stretchy pages heavier than non stretchy ones?

Back to top

Powered by EasyCMS