Adobe 38040334 - Dreamweaver CS3 User Manual page 156

<div id="container">
<!--sidebar div tag-->
<div id="sidebar">
<h3>Sidebar Content</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Maecenas urna purus, fermentum id, molestie in, commodo
</div>
<!--mainContent div tag-->
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,
convallis luctus rutrum.</p>
<p>Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo
pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,
convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam
</div>
</div>
</body>
Note: The above example code is a simplified version of the code that creates the two-column fixed left sidebar layout
when you create a new document using the predesigned layouts that come with Dreamweaver.
See also
"Understanding Cascading Style Sheets" on page 120
Create a page with a CSS layout
When creating a new page in Dreamweaver, you can create one that already contains a CSS layout. Dreamweaver
comes with over 30 different CSS layouts that you can choose from. Additionally, you can create your own CSS layouts
and add them to the configuration folder so that they appear as layout choices in the New Document dialog box.
Dreamweaver CSS layouts render correctly in the following browsers: Firefox (Windows and Macintosh) 1.0, 1.5, and
2.0; Internet Explorer (Windows) 5.5, 6.0, 7.0; Opera (Windows and Macintosh) 8.0, 9.0; and Safari 2.0.
See also
"Create a blank page" on page 69
"Set default document type and encoding" on page 74
"Link to an external CSS style sheet" on page 139
Create a page with a CSS layout
1 Select File > New.
In the New Document dialog box, select the Blank Page category. (It's the default selection.)
2
3 For Page Type, select the kind of page you want to create.
Note: You must select an HTML page type for the layout. For example, you can select HTML, ColdFusion®, JSP, and so
on. You cannot create an ActionScript™, CSS, Library Item, JavaScript, XML, XSLT, or ColdFusion Component page
with a CSS layout. Page types in the Other category of the New Document dialog box are also restricted from including
CSS page layouts.
September 4, 2007
DREAMWEAVER CS3
User Guide
porttitor, felis.</p>
justo
justo
ante ac quam.</p>
149