Grow your CSS skills. Land your dream job.

(solved)Something Weird happening with css

  • # December 21, 2009 at 9:45 am

    Ive been working on this design for a couple days now its for a wordpress site. The bottom of the content and side bar randomly disappear and I have no idea why. Its completely random when it goes it doesn’t matter what browser Im in viewing it, Thought maybe someone could figure it out.
    here what it does…
    [img]http://www.webbeginner.net/mess.gif[/img]

    [img]http://www.webbeginner.net/good.gif[/img]
    http://www.webbeginner.net/blog
    I was thinking it was something to do with the javascript that makes the sidebar and content area equal but ruled that out, then I thought maybe it was something to do with wordpress 2.9 but I ruled that out by using an older wordpress.
    Thanks in advance for any help

    # December 21, 2009 at 10:30 am

    You have a fixed height on your "content" div:

    <div id="content" class="tall" style="height: 1129px;">

    Any time the content extends beyond that box it will get cut off.

    # December 21, 2009 at 10:46 am

    That might be the problem. that number comes from the javascript that makes my sidebar and content that same height all the time. I just added another post, and the number is still the same on the height. I have no idea how to fix this now. if anyone has any suggestions.
    heres the jquery that makes this work and gets the height from the longer of the two divs.

    Code:
    function equalHeight(group) {
    tallest = 0;
    group.each(function() {
    thisHeight = $(this).height();
    if(thisHeight > tallest) {
    tallest = thisHeight;
    }
    });
    group.height(tallest);
    }
    $(document).ready(function() {
    equalHeight($(“.tall”));
    });
    # December 21, 2009 at 4:12 pm

    Still cant figure out whats going on with this if anyone else wants to take a look

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

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