Resizing window makes my banner move & a scroll bar is visible that shouldn't be

  • Resolved Bennuendo

    (@bennuendo)


    12 years, 3 months ago

    I just checked this site http://ineedtogooutside.com/ today and everything seems fine at my screen resolution, but then I noticed there was a scroll bar at the bottom when there shouldn’t be.

    So I moved the scroll bar and it moves the whole center column and the background stays put… I’m not sure if this is because I just updated to 3.3 or not but this should not be happening. There shouldn’t even be a scroll bar there.

    Also, the banner in my footer appears to stay in one place when the window is resized, instead of staying it its place overtop of the central column. The div position is set to relative top, but I never noticed either of these problems before. Oh and the banner is in an iframe.

    Any help on how I can make it so there is no scroll bar on the bottom, so that people can’t move the central column left to right by scrolling? And also I need help keeping that banner in place, because as you can see when you scroll left to right the banner stays in place, but if you resize the window it moves.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Bennuendo

    (@bennuendo)

    12 years, 3 months ago

    I fixed the banner’s problem by putting it inside the footer’s div and not in one on its own, but the scroll bar is still there… not sure why.

    Michael

    (@alchymyth)

    12 years, 3 months ago

    this might be the causes:

    <div style="position: relative; top: -50px; right: -541px; z-index: 2;">

    and this:

    <div style="position: relative; top: 15px; right: -325px; z-index: 3;">

    reconsider the positioning, or add a quickfix to style.css:

    #frame,#footer{overflow:hidden;}

    Thread Starter Bennuendo

    (@bennuendo)

    12 years, 3 months ago

    Hiding the overflow worked! Well, until you resize the window – then the scroll bar is back…

    One new problem though… for some reason now the banner in the footer in Firefox is no longer clickable? But in IE9 you can still click it… any way to fix this? I tried changing the z-index but it didn’t appear to do anything.

    Michael

    (@alchymyth)

    12 years, 3 months ago

    could be caused by any of the validation errors:
    http://validator.w3.org/check?uri=http%3A%2F%2Fineedtogooutside.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    http://codex.wordpress.org/Validating_a_Website

    until you resize the window – then the scroll bar is back…

    I can’t reproduce that in firefox – no horizontal scrollbar unti the window is the width of the #frame div.

    back to what I mentioned before: reconsider the positioning of the two divs.

    Thread Starter Bennuendo

    (@bennuendo)

    12 years, 3 months ago

    I fixed the resize problem by hiding the overflow in the frame, footer and header… so that all looks like it’s fine now.

    It looks like the paragraph tag in the rss entries text was messing it up… maybe putting some invisible paragraph over the banner so it wouldn’t allow it to be clicked

    Thread Starter Bennuendo

    (@bennuendo)

    12 years, 3 months ago

    Yep! It was the padding attribute… it had a top padding of 95px for the paragraph tag.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Resizing window makes my banner move & a scroll bar is visible that shouldn't be’ is closed to new replies.