Entire blog nudges (image issue?)

  • Resolved crayola

    (@crayola)


    15 years, 3 months ago

    My blog nudges when no posts in that particular page have any images. For ease of visualizing the “nudge”, I put three posts in three different pages: the 3rd page with a photo and the 2nd page with an image that comes with blockquotes. In the first page however, the post does not include any image, and by switching between the 1st and 2nd/3rd page, you can see the nudge.

    See blog: https://walldaisy.com

    Now I figured out that if I manually include an image in the ENTRY <div>, this solves the problem. HOWEVER, since this leaves an empty white space at the bottom, I’d obviously like the image to have a height as short as possible.

    Now, for Firefox on Mac, the minimum height I need to prevent the nugdge is about 180px. For Firefox on PC, it’s about 300px. For IE, it’s a different value. For Safari on Mac, it’s another different value. So in order to accomodate all these browsers, I’d have to go with the largest value: 300px. But that leaves a HUGE white space.

    So if anyone can point me to the right direction as to why this ‘content nudge’ occurs? If it’s a CSS thing? Or something else? Please let me know!

    Much thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter crayola

    (@crayola)

    Another thought,

    you can think of it as the blog staying still when the post DOESN’T have image, and then nudging when the post DOES have image.

    I don’t see the nudge you are talking about, so its difficult to help. You might gain by cleaning up these errors though. The ‘Opening and ending tag mismatch’ ones– probably only one error actually– are the ones that can effect layout, but fix the others too.

    Thread Starter crayola

    (@crayola)

    @apljdi: what browser and operating system are you using?

    And you could have missed the nudge. Pay attention to the “w” in the walldaisy logo.

    I’ll definitely clean up my tags though, and will post an update as to whether it works or not.

    EDIT: I fixed all the errors except for one where I redefined my pagebar css (that is intentional) and the nudge still occurs.

    I checked your page using Firefox 3.5.2 on Slackware, Firefox 3.5.2 on Vista, and IE8 on Vista. On second look I do see it on Slackware but not Vista. I just checked on Firefox 2 on OS 10.2.8 and on Safari on OS 10.2.8. I can see the nudge on the Mac. My XP Pro box rolled over and died a couple of days ago so I can’t check that.

    hmmm… very peculiar. If I turn on Web-Developer’s ‘Outline Current Element’ on the Slackware box the effect vanishes entirely.

    Alright. I think you have two things going on here. One is that you have padding on your blockquotes that is pushing causing them to grow larger than the containing division, thus pushing that division open a little bit. Similar with the image of the football player. The image is pretty large. Looks like it might be pushing on its container.

    Thread Starter crayola

    (@crayola)

    Yes! Fixed the nudge.

    Turns out it’s a background-image CSS issue.
    Originally I positioned the background as center top, so such ‘center’ position is relative.

    But now I change it to:

    background : #fff url(images/grey1.gif) fixed;
background-position: -770px 0px;

    EDIT: I fixed all the errors except for one where I redefined my pagebar css (that is intentional) and the nudge still occurs.

    Why load the stylesheet twice? Also, why do you need an id on the ‘link rel’ anyway?

    Thread Starter crayola

    (@crayola)

    The original stylesheet location defined by the plugin includes a version number which my server does not recognize, so I have to specify it to load the stylesheet a second time, only this time there is no version number.

    And the plugin included the link rel id… I don’t even know what it does :S

    By the way the “fix” I concluded above is no longer a fix… turns out I have to define a width for the body to prevent the nudge. For now, I have it as width: 1024px;

    Only drawback is that when viewed on firefox full screen on a widescreen laptop (eg. macbook pro), there is a huge chunk of empty space at the right. But I’m tired of fixing the theme, so I’ll leave it as is :p

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Entire blog nudges (image issue?)’ is closed to new replies.