News
	Latest
	Archive
	Community news

Articles
	C++
	Communities and Content
	Databases
	Editorials
	Emacs
	General
	HTML
	Java
	Notices
	PHP
	XML

Links
	Apache
	C++
	Database
	General
	HTML
	Java
	Javascript
	Linux
	Object oriented programming
	Open source
	Perl
	PHP
	Python
	Ruby
	SOAP
	XML
	Suggest a link

About
	Advertise on zez
	Contribute
	Contact us
	About zez

S-t-r-e-t-c-h-i-n-g your HTML

Author: Thomas Hellstrøm

Publishing date: 20.06.2001 14:24

There are three main reasons why you would want to have a flexible HTML layout. First; if you need your layout to adjust dynamically to the size of your browser window. Second; if you need to have a "box" which adjusts to fit around dynamic content. Third; to prevent user specific font settings from breaking your carefully planned layout. This short beginners tutorial will show you an easy way to do this.

The "box"

If you're not going to use any graphical elements other than the straight HTML tags themselves you're probably not going to need all this stuff. But if you're going to use images to build borders around content in some way you'll want to read on if you haven't done anything like this before.

We'll use one basic piece of HTML code to illustrate this, and it may be tweaked to fit multiple purposes:

Attached files:

stretch-html.zip

| < 1 > | 2 | 3 | 4 | Next page >> | Printer-friendly page |

Comment List

Topic:	Author:	Time:
Thank you	Eleonora Slipchenko	03.12.2001 21:01
I have spent so much time trying to build the perfect template using borders. I couldn't find a tutorial anywhere. You have simplified a lot for me. Now I can redesign my template and apply it properly with this code. Thank you!
Great Article	Kalos Jones	13.11.2001 21:05
This is a great article. I was wondering how to create a table with images as the border. Thanks for such a great help.
Great article on a tricky subject	Chris Mason	20.06.2001 15:13
I've spent hours getting this right on many sites, this article explains it clearly. Thanks Chris