Skip to main content

Positioning Elements on a Web Page

  • Chapter
  • First Online:
Practical Web Design for Absolute Beginners
  • 3810 Accesses

Abstract

Elements can be positioned accurately on a web page by using CSS styling. The two types of positioning are Absolute positioning and Relative positioning. You used absolute positioning in many of the previous projects; this enabled you to locate an element (such as the header text) at a fixed position relative to the top and left edges of a browser’s viewport. Relative positioning moves an element from where it would normally appear on the page. Several other positioning techniques are also described in this chapter.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

eBook
USD 16.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 59.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Author information

Authors and Affiliations

Authors

Rights and permissions

Reprints and permissions

Copyright information

© 2016 Adrian W. West

About this chapter

Cite this chapter

West, A.W. (2016). Positioning Elements on a Web Page. In: Practical Web Design for Absolute Beginners. Apress, Berkeley, CA. https://doi.org/10.1007/978-1-4842-1993-5_20

Download citation

Publish with us

Policies and ethics