Kubrick Side appears at bottom

  • hey guys.
    i have the problem with the kubrick sidebar appearing at the bottom of the page sometimes.
    i’ve been checking out the fourms with some people having the same problems, but no posts identify any concrete solutions. i was under the impression that the default kubrick theme width was set so that it was work for most resolution settings.

    any solutions?

    thanks a bunch.
    Ronny.
    https://www.fish8me.com

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter Ronny

    (@ronny)

    ok i figure it out. its probably the images from the “main post column” spilling over to the side bar area, forcing it to go down.

    now it begs the question, how do i fix it?
    i was thinking of increasing the width of the central column (of the post area and side bar combined), but i’m not sure how to do this.

    thanks.
    Ronny.

    the bane of my existence…

    perhaps the issue is the width of the contents div for the main posts, seems to cause the most hassle with any kubrick related theme in ie and a few other browsers.

    i feel your pain.

    Thread Starter Ronny

    (@ronny)

    ok one easy way i found to solve the problem is to just change the theme to another one instead of trying to get kubrick to be something else.

    one good example of a theme that you could base your new design on is the Steam theme. is has a wider central margin which hopefully will give enough space for the sidebar and main column to exist next to each other in all resolutions and browsers

    https://steamedpenguin.com/design/Steam/

    Well, I decided to try out Steam … and I like the wide layout and the ease of editing said layout. However … I’ve got the same problem as before. If it’s a text-only entry, the sidebar appears where it belongs. If I insert 500px width pictures from Flickr, the sidebar moves to the bottom, and as I’m new to CSS, I don’t know how to fix it.

    Could anyone offer some advice?

    https://www.hanenosuke.com/blog

    Could you set in the css:
    max-width: 400px;
    or something smaller so the image doesn’t force everything down?

    Where exactly? Structure-body? Structure-page?

    well, your css has a few img styles:

    p img {
    padding: 0;
    max-width: 100%;
    }

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    Maybe test it at a specific size (400px) instead of 100% to see if it works.

    Tried both. Replaced the % with 400px, then 200px … nothing happened. So I just reduced the percentage; 80%, 10%, still no change. The pictures remain the same size and the sidebar remains at the bottom.

    When this happens to me (it’s always something!) I go to the pros at
    https://www.csscreator.com/css-forum/

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Kubrick Side appears at bottom’ is closed to new replies.