Divs want to display “block” style, meaning they want to sit atop one another. If you want them to work as two columns, you need to set them both to float.
What is a float? Well, the easiest analogy is that floated items allow content placed after them in the code to “wrap” around the floated item. If you have used InDesign, you have probably set the “Text Wrap” characteristics for a photo, allowing text to wrap around one side of the photo in question.
Floating is basically the same thing. By floating a div, you force the next div in the code to wrap around the floated div. In order to create two true columns, you must set them both to float.
Float property in Dreamweaver CSS Rule window.
Depending on your layout, you can choose to set them to float to either the left or the right. Web designers will often set them both to float the same direction, to control the space between columns more efficiently.
For an example using the Sequoia exercise, watch the video below:
Tags: css, Dreamweaver, float, Podcast, rule, Sequoia, video
This entry was posted on Monday, September 14th, 2009 at 7:12 am and is filed under Podcast, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.