Inside Technique : Creating 2D Forms
By Scott Isaacs

CSS-Positioning (CSS-P) is designed to provide complete layout control over your document's layout. You can use CSS-P to control the position of your HTML contents. However, as many of you have noticed, designing CSS-P pages that run cross-browser can be quite a challenge. Limiting yourselves to positioning content in DIV elements helps quite a bit, but if you try to create a form with positioned input element, you will quickly run into trouble.

For example, below is a positioned input button. If you are running Netscape Navigator, you will not see this element:

This is a simple example of the an issue faced when designing cross-browser positioned forms. In this article, we explain the hows and whys behind positioned forms, and then present a cross-browser solution for using CSS-P to create rich HTML input forms.

© 1997-2000 InsideDHTML.com, LLC. All rights reserved.