Join Joseph Lowery for an in-depth discussion in this video Using fixed positioning, part of Dreamweaver: Layouts with CSS.
Fixed positioning is kind of the black sheep of the CSS position property.…Unlike absolute and its partner, relative positioning, fixed positioning doesn't…get put to use very often.…But when you need to keep certain elements locked in place, it's the perfect solution.…Let me show you an example.…So I have here the index.htm file from the Chapter 2>02_04 folder, and we're in Live View.…Now notice what happens when I scroll the page and you can see all of these…lovely images and thumbnails over on the left-hand side of the page there.…
Well, they look great, but the client for this page that would be me doesn't…want to lose all the other information when the site visitor goes and scrolls…down the thumbnails.…They want to keep up the navigation on the left as well as the text message over on the right.…So in order to do that the answer is to use position fixed.…Let's start with the sidebar over here.…I'm going to click into it so that I can bring up the appropriate rules over in…the CSS Styles panel that I have in Current mode.…
- Exploring HTML5 templates in Dreamweaver
- Understanding document flow
- Using floats properly
- Resetting CSS styles
- Creating a 1-, 2-, or 3-column layout
- Deciding on a fixed width versus variable width design
- Coding layouts for HTML5 and CSS 3
- Incorporating floated elements
- Applying the faux column technique
- Using Spry widgets
- Using Multiscreen Preview
- Modifying desktop layout for tablets
- Developing smart phone layouts
Skill Level Intermediate
1. Dreamweaver Example Layouts
2. Layout Concepts
3. Basic Layouts
4. Interior Layouts
5. Alternative Screen Layouts
- 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.