WordPress.org

Ready to get started?Download WordPress

Forums

Problems with widgets moving from right hand side to bottom (4 posts)

  1. charlietm
    Member
    Posted 3 years ago #

    Hi there,

    I am having problems on a site when i add too much more content to the main page the widgets on the right hand side move from there to the bottom of the page below the content.

    Any ideas on what the problem might be?

    Thanks in advance

    Charlie

  2. MrGamma
    Member
    Posted 3 years ago #

    It sounds like a CSS Float problem.

    Without seeing the website it is hard to guess.

    But... when an element is set to float, it basically means it hugs the side of the element which is floating.

    A float will break down to the next line when whatever container is holding is too small in terms of width to hold the floating elements all on the same line.

    So, a fix might be to find the HTML element which is holding the text and make sure it has a style="width:100px;" or so and then maybe even add an overflow:hidden; so it is like this (assuming it is a paragraph or its probably best to find the div )

    <p style="width:100px;overflow:hidden;">
    ALL THE TEXT GOES HERE
    </p>

    I am of course assuming that the widgets on the right hand side are floating next to the <p> because the p probably has this currently.

    <p style="float:left;"></p>

  3. charlietm
    Member
    Posted 3 years ago #

    Seemed to sort itself out.. weird.

    Thanks for the help

  4. charlietm
    Member
    Posted 3 years ago #

    Problem seems to come back

    http://artinemptyspacesorguk.site.securepod.com/projects/farmshop
    widgets drop down

    http://artinemptyspacesorguk.site.securepod.com/projects/banner-repeater-platform1
    Below the photo

    http://artinemptyspaces.org.uk/
    this seems ok

    Very odd..

    Any ideas?

    Thanks :)

    Charlie

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.