Join Eric Meyer for an in-depth discussion in this video Using float for layout, part of CSS Web Site Design.
- View Offline
- Exercise Files
What you see here is the Javaco site, without the columns, which is why it looks kind of weird and in this video, what we're going to do is create…those columns or at least a basic version of those columns using floats, that is by floating the columns. So,…in our markup, where there are two divs,…there's one, this div, with an idea of content which encloses all of the…main content, which we can think of in our design as the quote, unquote, left-hand column and then there's a div with an idea of…sidebar, which has all the stuff that goes on the right in our design.…
So the first thing we are going to do here is we're going to float the content div and give it a width, I'm going to give it an em-based width,…cause I'm all about the ems as I'm sure you are and 40em is, you get 40 times the font size. So if the font size happens to be, you know,…15 pixels than it's going to be 600 pixels wide.…I'm just going to hit the reload and I'll warn you right now, that as strange as this looks, when I hit Reload it will be worse,…
Skill Level Intermediate
Layouts with CSS in Dreamweaverwith Joseph Lowery3h 33m Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
2. CSS and XHTML
5. Adding Colors and Backgrounds
6. Setting Typography
7. Using Margins and Borders to Create White Space and Separation
8. Creating Tables
9. Styling for Print
10. Bringing It All Together
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.