Support » Themes and Templates » Resizing window causes content to move

  • Hi

    Basically, if you look at my site and then make your browser window smaller you will see the problem.

    All the content moves about and the sidebar gets pushed down to the bottom.

    I know a little bit about CSS, html etc but I haven’t got a clue why its doing this.

    Any help would be greatly appreciated!!

    Thanks 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • Don’t see a problem in FireFox, but here’s a thought:

    Sidebars drop all the time in float-based (as opposed to table-based) themes if (for whatever reason) the two columns can’t fit side by side. Usually this happens if you put too wide of an image into a post, but it could also happen if you shrink the window down. This is especially a problem in IE. Search the forums for “sidebar drops” or something along those lines for ideas about what to do about it.

    I saw what you are talking about. I often put a graphic up of the width I don’t want the page to shrink below when resizing the browser. If I design the page to look best at not less than 600 pixels, I put a 600 (+- a couple) image in to force the browser to start horizontal scrolling. I have made my top banner serve that function. There are probably other ways of doing this, but without using (argh!) tables, I don’t know of any, somebody else may be better equipped for a more elegant solution.

    its a fluid width design. the content width is set to 100% if you dont want your content to move around when the window is resized, give it a fixed width, like 800px or 900px or 1000px, whatever you prefer. youll find the setting in your stylesheet

    #container {
    	margin: 0 auto 0 auto;
    	width: 100%;
    	background: #FFFFFF;
    	text-align: left;

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resizing window causes content to move’ is closed to new replies.