WordPress.org

Ready to get started?Download WordPress

Forums

Issue With Padding/Absolutely Positioned Divs (9 posts)

  1. thisisedie
    Member
    Posted 1 year ago #

    I'm having a problem that I've never experienced before. It started happening a few months ago and for the life of me I can't figure out what's going on. I have padding where there should be none and absolutely positioned divs will not position where I tell them to. This is the website:

    http://www.underthebelljar.com/

    I've put a background color on the areas with issues so you can see what I mean. At the top where it says "Under The Bell Jar", I've got a relative div (the tan) with an absolutely positioned div within it (red) that is positioned to bottom:0;. There is no padding whatsoever on the absolute div but as you can see there's both top and bottom padding unlike the sides that are flush with the div like they should be. I've done this a million times in the past and never had the eensiest problem until it started doing this a few months ago. Same with the main and sidebar areas. The sides are flush with the div but there's padding at the top where I've put no padding.

    Thanks for any help you can offer :o)

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    There is no padding whatsoever on the absolute div but as you can see there's both top and bottom padding

    You're contradicting yourself here, what do you mean there is and is not padding?

  3. thisisedie
    Member
    Posted 1 year ago #

    I mean I didn't add any padding but there's padding there.

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Is the problem the text, "Under The Bell Jar" should be aligned to the bottom of the red background?

  5. thisisedie
    Member
    Posted 1 year ago #

    It is:

    #title {
    position:absolute;
    background:red;
    font-family:SpringScript,"lucida sans unicode",tahoma,arial;
    font-size:25px;
    font-weight:bold;
    height:23px;
    bottom:0;
    left:5px;
    padding:0;
    margin:0;
    }

    Just so weird because in the past it's always worked.

  6. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    I think it's just your font family that's causing the so-called padding.

  7. thisisedie
    Member
    Posted 1 year ago #

    Any font any size I use does it.

  8. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    I tried font-family "lucida sans unicode" and achieved this result http://awesomescreenshot.com/0cfp62mc8

  9. thisisedie
    Member
    Posted 1 year ago #

    I think my brain is too tired to explain my issue correctly. Thanks for your time Andrew :o)

Topic Closed

This topic has been closed to new replies.

About this Topic