XHTML and CSS Tutorial – 36 – Absolute Positioning

For all of my tutorials, go to www.thenewboston.com
Video Rating: 4 / 5

No related content found.


There are no revisions for this post.

Tags: , , ,

24 Responses to “XHTML and CSS Tutorial – 36 – Absolute Positioning”

  1. ComputePatzen March 9, 2012 at 4:02 AM #

    What about what everybody uses… Float: left?

  2. Mtc529 March 9, 2012 at 4:29 AM #

    @sibloth172 You can use percentages instead of pixels. That way you can position elements the same place on all resolutions.

  3. W4V3MAKER March 9, 2012 at 4:54 AM #

    Been redoing my website all day with this, thanks Bucky!
    *watches next tutorial*

  4. EAGangstad March 9, 2012 at 5:10 AM #

    Absolute: Not qualified or diminished in any way; total

  5. ANNOYINGGAM3RZ March 9, 2012 at 5:29 AM #

    bucky you know spanish

  6. ErichLancaster March 9, 2012 at 5:40 AM #

    It would be worth mentioning border-radius:  12px; for curved borders 🙂

  7. braveheart792 March 9, 2012 at 6:22 AM #

    The position of my boxes move when resizing a window…so that when I have a bordered box centered in the middle of my page, when I maximize my window, the box then appears on the left side of the page. Help?

  8. xXxDiukexXx March 9, 2012 at 7:08 AM #

    lol bucky talking spanish x)

  9. CoolDutchProductions March 9, 2012 at 8:03 AM #

    @FactorXTech i think he uses a program called camtesia

  10. FactorXTech March 9, 2012 at 8:08 AM #

    How do you record your screen like that and have such crisp quality?

  11. swankypenguin March 9, 2012 at 8:38 AM #


  12. xmotoFF March 9, 2012 at 9:08 AM #

    Your Spanish accent is so funny, I know because I’m from South america

  13. MrPwnzorrosco March 9, 2012 at 9:43 AM #

    Whoaaa…easy haaarse

  14. Thisisloco1 March 9, 2012 at 9:50 AM #

    good vid

  15. rami24k March 9, 2012 at 9:52 AM #

    I am Already thanking you, Bucky

  16. memokk March 9, 2012 at 9:56 AM #

    yo soy un mal gringo lol

  17. JIM50 March 9, 2012 at 10:45 AM #

    @sibloth172 i think you should ask that question at TheNewBoston forums

  18. iBringTheMusic March 9, 2012 at 11:02 AM #

    You live in Raleigh? O-o That’s cool I like right next to it. ;D

  19. didagoal March 9, 2012 at 11:50 AM #

    Mmmm ….. I’m HUNGRY now , stop talking about food and sweets .

  20. jonathangonza March 9, 2012 at 12:15 PM #

    I finally understand this, I took a web design class, we actually 2 and the teacher didn’t really explain this important elements of web design. I wish I would have had you as my teacher back then. Thanks for sharing your knowledge with us.

  21. dbzssjgohan March 9, 2012 at 12:50 PM #

    Dude I’m struggling to keep up with all these 😀 That’s a compliment btw 😉 Lucky work called and said it is too quiet, I get to sit here and catch up lol

  22. sibloth172 March 9, 2012 at 1:43 PM #

    Say you placed an element ‘absolute’ and left:200px. Then on a different resolution, the element will be positioned in a different place because 200px is on a different resolution makes a big difference. Also if you have a container auto centered in the screen. ‘Left’ will come from the very left of the screen. Can you make it come from the left of the container instead? Bc changing resolution keeps messing the position. Instead i use ‘margin-left’. is this the right thing to do?

  23. guitarartis March 9, 2012 at 2:10 PM #

    absolute positioning does not always position from the very top left of the screen.

    when you set an element as absolute it is going to base it’s positioning on the first relative parent it can find so for example. you have
    document {relative}
    body{no position defined}
    wrapper div {relative}
    p tag {absolute}
    the p tag will always be positioned from where ever the wrapper div is. also you can bottom as well. when you say, bottom: 10px; will push the element 10 px from the bottom

  24. WWtuts March 9, 2012 at 2:12 PM #

    @DaniQ123 Absolute positioning is positioned from the top left and margins are positioned from from the object (Text,Div,Img,etc) next to it.
    Hope that helped, else you can PM me. 😉

Leave a Reply