CSS Positioning in Ten Steps

March 17th, 2009

Yes, is this. CSS positions in only tens steps and work fine ehehe. Today is may second day working with another XHTML project, with out Flash oh my God. But so much interesting new things that i was read and learn, one of these thing is CSS Position.

First my problem was how to position one object – DIV – bottom of other container DIV? Its so easy. First step is set the container div with position relative, well now other DIV that you put into this one with position absolute will position right like show code bellow:

1
2
3
4
5
6
7
8
9
#mainDiv {
     position:relative;
}
 
#childDiv {
     position:absolute;
     bottom:0;
     right:0;
}

This code will position the childDiv bottom and right into the mainDiv easily. This and other steps you will see in the link: http://www.barelyfitz.com/screencast/html-training/css/positioning/

Read too:

2 Responses to “CSS Positioning in Ten Steps”

  1. » CSS Positioning in Ten Steps | DES 84 - Blog of DES84 Website | Best Web Gallery Says:

    [...] » CSS Positioning in Ten Steps | DES 84 – Blog of DES84 Website [...]

  2. CSS Says:

    Your blog is so informative… keep up the good work!!!!

Leave a Reply