Practical Ecommerce

Video Tutorial: CSS Positioning

View Tutorial The transition from using tables to create a page layout to using Cascading Style Sheets can be difficult to grasp at first, particularly when it comes to positioning elements correctly on the screen. In this video tutorial by Practical eCommerce’s chief architect Brian Getting, we will take a look at the various methods that CSS provides for positioning page elements, and how they work.

The CSS float and position properties allow designers to fine-tune where they want particular page elements to appear. However, they can be confusing to understand at first, and in this tutorial we will examine what each property does. By showing how to take advantage of these positioning properties, designers will be able to make more informed decisions when they are planning their CSS-based page layouts.

Software Used: TextMate
Example Files: css_positioning.zip

View Tutorial > > >

This video tutorial requires QuickTime. If you have trouble viewing this video in Internet Explorer, please right-click the image above and select “download target as” to save the movie to your computer.

Please forward us your ideas for additional video tutorials, via our Contact Us form.

Other Video Tutorials

Brian Getting
Brian Getting
Bio  |  RSS Feed


Get the Practical Ecommerce RSS feed

Comment ( 1 )

  1. David January 13, 2009 Reply

    Thank you, that was useful and I added my own sample variations to the tutorial files for future reference when I get my head stuck on table logic instead of css logic :)

Email Newsletter Signup

Sign up to receive EcommerceNotes, our acclaimed email newsletter.
And receive a free copy of our ebook
50 Great Ecommerce Ideas