Resizing window causes content to move (4 posts)

  1. Samms
    Posted 7 years ago #


    Basically, if you look at my site http://robertsamm.com/blog 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 :)

  2. Adam Brown
    Posted 7 years ago #

    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.

  3. ww1065
    Posted 7 years ago #

    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.

  4. boober
    Posted 7 years ago #

    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;

Topic Closed

This topic has been closed to new replies.

About this Topic