• Hi,

    I really do appreciate any help I can get.. I’m just getting quite fed up with this stupid problem and I’m sure others have asked something similar.

    Basically, when I resize my browser (smaller), all of my page’s contents, including my sidebar will shift and overlap the main container. Is there any way that I can get this fixed so that when I resize my browser, nothing on my page moves at all?

    A million thank yous to anyone who can help.
    here’s my css:

    [Mod Note: Code segment removed. If you want to post large blocks of code, please use a pastebin.]

Viewing 1 replies (of 1 total)
  • It is not a simple fix. You need to redesign your theme giving each div width in px. Now it is measured in %. For example : #sidebars{
    float: left;
    width: 22%;
    position: relative;
    }
    If you give it fixed width 220px , for instance, then it won’t move. But you need to make change to every div and this is a lot of work.

    Another way is to leave things as they are, but add min-width property to containers. learn about min-width, max-width and fluid design.
    Michael

Viewing 1 replies (of 1 total)
  • The topic ‘Would like to know if there is a fix for my problem..’ is closed to new replies.