From the course: CSS Positioning Best Practices

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Creating a layout template pt. 1: Main body area

Creating a layout template pt. 1: Main body area - CSS Tutorial

From the course: CSS Positioning Best Practices

Creating a layout template pt. 1: Main body area

Continuing in the development of our website, in this lesson we are going to insert this middle banner, I call this the ID banner, and we are going to set up the styles for this left hand side. Where we are going to towards at this point is we are going to towards creating our template that we'll use for creating the rest of the site. So I'm not going to put content in here. We are going to set up the main styles for it, and then in the next lesson we'll do the Sidebar. Here in the text editor, we have the beginning.html and beginning.css from the 05-layout-left folder in your exercise files, so we'll go ahead and start with our Save As, and we are going to call this one template.html, because that's what we are going to end up with at the end of these few lessons here. And in the CSS we'll go ahead and Save As, main.css. And we'll start by putting in the XHTML. This is the simple part, and under the header, we need to go ahead and make a <div> for the middle banner, close the <div>…

Contents