In this tutorial, you learn how you can fake the appearance of columns in your CSS design. When you design with CSS, each of the divs in your page respond to the amount of content that they contain; this can be problematic when you want to create the appearance of equal-length columns. In this tutorial [I] will show you how you can overcome these problems in a fixed-width design.
You create a two-column layout with an absolute-positioned navigation div. An absolutely positioned navigation div gives you an advantage that you can have your main content underneath the body tag for indexing. The trade off is that you cannot clear an absolutely positioned div so you will need to ensure your content div is taller than your navigation div.
Note: Flash player required for Breeze presentations.
Chris, Los Angeles' CSS & ActionScript guru, successfully cannonballed into web development in the late 90's. Always caught up with the latest in Flash, Dreamweaver, Fireworks, and XML, Chris authored premium articles for the largest Dreamweaver/Flash community (www.DMXzone.com) and produced WebDevDesign (iTunes featured), a popular Web Design & Development Podcast. Somewhere, Chris finds time to run an authorized Adobe user group focused around open source and Adobe technologies. Being a big community leader, Chris Charlton remains a resident faculty member of the Rich Media Insitute and lends himself to speak at large industry events, like JobStock, NAB, and FITC Hollywood.
Comments
Be the first to write a comment
You must me logged in to write a comment.