Issue With Padding/Absolutely Positioned Divs

  • 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:

    https://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)

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter thisisedie

    (@thisisedie)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter thisisedie

    (@thisisedie)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter thisisedie

    (@thisisedie)

    Any font any size I use does it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I tried font-family “lucida sans unicode” and achieved this result https://awesomescreenshot.com/0cfp62mc8

    Thread Starter thisisedie

    (@thisisedie)

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Issue With Padding/Absolutely Positioned Divs’ is closed to new replies.

Tags