Need help on understanding a few things.

Discussion in 'CSS' started by mtone, Mar 7, 2007.

  1. #1
    In the source code of this webpage, http://blog.html.it/layoutgala/LayoutGala02.html

    div#navigation{float:left;width:25%;margin-left:-25%}
    div#extra{float:left;width:25%;margin-left:-100%}
    div#footer{clear:left;width:100%}

    What does the -25% and -100% mean?

    Also, in this page http://www.html.net/tutorials/css/lesson13.asp, they have an example of a three column page too. The code looks simpler than the layout gala code. So why would layout gala use a different code than the html.net tutorial?
     
    mtone, Mar 7, 2007 IP
  2. Mystique

    Mystique Well-Known Member

    Messages:
    2,579
    Likes Received:
    94
    Best Answers:
    2
    Trophy Points:
    195
    #2
    It's a way to place the orange column aligned to the left.

    Negative numbers reflect the position in relation to the center column.
     
    Mystique, Mar 7, 2007 IP
  3. mtone

    mtone Guest

    Messages:
    206
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    One more thing, suppose I'm using the html.net tutorial code, how would I create a new row? Do I just put a <br> after the last </dive>?
     
    mtone, Mar 7, 2007 IP
  4. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Well its not required to make the layout work anyway, you could just float them all left to make it work
     
    bacanze, Mar 7, 2007 IP
  5. mtone

    mtone Guest

    Messages:
    206
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    In the code: div#content{margin: 0 25%}

    What does the 0 stands for and why is it 25% even though it looks like it is occupying 50% of the space?
     
    mtone, Mar 7, 2007 IP