Getting Started Steps

• Expression Web 3
• Expression Web 4

 

• HTML 5

CSS Positioning Properties

Postion Property:  Values

 4 Values for the Position Property:

Static   Relative   Absolute   Fixed

 

Understanding the 4 different CSS Positioning Properties can be challenging, yet it's very important to your success.  In addition to these properties, you must avoid the temptation to click and drag elements all over your page.  Expression Web really wasn't designed to work like that. Instead, we use CSS and the Style Builder to position everything. 

  

What's so important about the 4 CSS Positioning Properties?

Well, most of the time we don't even need to concern ourselves with specifying a CSS Position Property.   That's because we just accept the default positioning, which is Static.

When you place a div on a web page, the CSS Positioning Property by default is Static.  And we don't have to specify Static because it is the Default.  If you are using layers, on the other hand, then you are using an absolutely positioned div. 

I gotta tell you right now, don't use layers for the layout.  A layer is used minimally.  I only use a layer when I have images that I want to place in a certain vicinity of one another and even overlap.  That is where a layer comes in very handy. 

But if you must use a layer, or an absolutely positioned div, then in most cased you must make the parent container's positioning property Relative.  Then position the layer relative to the parent container.

 

Layouts

When making layouts, you should float the outer columns instead of using absolutely positioned divs (layers).  The float property  is so much better.  And much easier.  See the Layout Tutorial here and learn how to position columns.  This will help you position other elements.