• 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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>

    Thread Starter charlietm

    (@charlietm)

    Seemed to sort itself out.. weird.

    Thanks for the help

    Thread Starter charlietm

    (@charlietm)

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problems with widgets moving from right hand side to bottom’ is closed to new replies.