WordPress.org

Ready to get started?Download WordPress

Forums

Kubrick Side appears at bottom (10 posts)

  1. Ronny
    Member
    Posted 8 years ago #

    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.
    http://www.fish8me.com

  2. Ronny
    Member
    Posted 8 years ago #

    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.

  3. dss
    Member
    Posted 8 years ago #

    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.

  4. Ronny
    Member
    Posted 8 years ago #

    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

    http://steamedpenguin.com/design/Steam/

  5. Hanenosuke
    Member
    Posted 8 years ago #

    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?

    http://www.hanenosuke.com/blog

  6. jimHere
    Member
    Posted 8 years ago #

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

  7. Hanenosuke
    Member
    Posted 8 years ago #

    Where exactly? Structure-body? Structure-page?

  8. jimHere
    Member
    Posted 8 years ago #

    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.

  9. Hanenosuke
    Member
    Posted 8 years ago #

    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.

  10. jimHere
    Member
    Posted 8 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.