• 02 Dec 08
  

  Capt. Ben Smith

  webdesign position css

• 01 Oct 07
  

  Perry Branch

  css design howto html tips web

  • The positioning methods

     

    There are 5 basic ways to position an element:

       
    • Static positioning -- the way it normally works
     
    • Absolute positioning -- stick the content wherever
     
    • Relative positioning -- nail down absolute content
     
    • Floating -- slide content into its own corner
     
    • Fixed positioning -- overlay content on the window
  • Static elements can be moved by applying margins, padding and borders
  • the rest of the content behaves as if that absolute element doesn't exist
  • Absolute positioning is challenging when you don't want it to overlap other content.
  • Tabbed navigation is typically created using lists, and making the list items inline elements instead of list-item elements. But what if you want to do designs that use block-level concepts instead of inline-level concepts? Float them.

  3 more annotations...

• 30 May 06
  

  Richard Klein

  css positioning absolute

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.