Grow your CSS skills. Land your dream job.

wordpress: elements in the sidebar not properly positioned.

  • # January 30, 2011 at 10:38 am

    Hi!

    I want to push this widget to the top
    Picture at: Your text to link…

    I can do this with :nth-child, targeting the 3rd block, but then it doesn’t work, as you know, in IE.
    Do i have to register another sidebar for this with 1/2 width and place each to the desired, or is this a css fixable.

    css i use for widgets:


    .Block
    {
    overflow: hidden;
    min-width:1px;
    min-height:1px;
    margin-left: 15px;
    position: relative;
    z-index: 0;
    width: 220px
    }
    # January 30, 2011 at 12:03 pm

    have you reset your top and bottom margins to 0?, they should be on top of each other if they were set to 0.

    # January 30, 2011 at 3:52 pm

    I did try to put 0 margin inside this element. Didn’t work.
    It seem that whatever is the height of the element on the right side, the element below will line up underneath it.
    css of parent:

    .contentLayout .sidebar1
    {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    overflow: hidden;
    width: 470px;

    }
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".