Absolute Positioning in CSS

  • Anonymous

    21 years, 4 months ago

    I want my content div layer (the one where the main entries are) to be at a specific place on the page, so thought the best way to go about this was to use CSS so I changed it to this:
    #content {
    position: absolute;
    right: 100px;
    top: 100;
    width:300px;
    }
    but it’s still not working. the div layer on the index.php is definietly identifed but it just won’t move! it’s really frustrating! Am I doing something wrong or do I need to absolute position something else as well?
    PLEASE HELP!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Mark (podz)

    (@podz)

    21 years, 4 months ago

    Absolute positioning in css can be very tricky.
    If you could give us a link, and somehow indicate where the content should appear, it would help.
    Seeing just one small part of the css in such a case doesn’t help, but a link is good. Please don’t post your css here 🙂

    Thread Starter Anonymous

    21 years, 4 months ago

    ok but it’s quite bad at the moment! i’m only in the first stages of getting it all together…
    http://www.super-swank.com/wordpress/index.php
    and
    http://www.super-swank.com/wordpress/style.css
    i don’t really care where it’s moved to, just as long as it’s somewhere!

    edpham

    (@edpham)

    21 years, 4 months ago

    I see the content of your post. However, I think it has to do with the fact that you have it positioned absolutely while trying to float it.
    I think that’s the problem, but I might be wrong about that.

    Thread Starter Anonymous

    21 years, 4 months ago

    The problem is that you have not closed the bracket after your h1 declaration. If you close that, your code will work.

    Mark (podz)

    (@podz)

    21 years, 4 months ago

    Odd…
    #content {
    width:300px;
    margin: 100px auto;
    border: 2px solid #000;
    }
    introducing that gives no changes.
    Also, the webdev bar shows inline styling yet I can’t see where that is coming from…
    If you have any other css, can you put that into the main css file, and also remove all positioning declarations too ?

    Thread Starter Anonymous

    21 years, 4 months ago

    I used the web dev bar to figure out what the problem was. None of the styles under the H1 declaration are being used because the tag wasnt closed. Taking styles out one by one until I reached H1 pointed me to this.

    Thread Starter Anonymous

    21 years, 4 months ago

    I took out the floating bit and I fixed the H1 (spiffy eyes, you have!)
    you guys are really helpful, by the way!
    the only other css i have is print.css that comes with the download… no other styles apart from that. podz do you want me to take out my positionings still?
    i’m going to bed now so i’ll be back in about 12 hours to make any changes

    Thread Starter Anonymous

    21 years, 4 months ago

    yay i think it’s all working now
    thanks for all your help!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Absolute Positioning in CSS’ is closed to new replies.

  • 8 replies
  • 3 participants
  • Last reply from: Anonymous
  • Last activity: 21 years, 4 months ago
  • Status: not resolved