Not signed in (Sign In)

Categories

Vanilla 1.1.5 is a product of Lussumo. More Information: Documentation, Community Support.

Help keep Vanilla free:
Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.
    • CommentAuthorNathan_A
    • CommentTimeNov 23rd 2005 edited
     # 1
    Wooo.... very nearly done styling my forum. Difficult(ish) but fun :)
    But I just need a little bit more help before it's finished.

    Everything works fine in Safari (with some very minor blemishes in mozilla, which I can tidy up). But there's some small but critical bugs in WinIE (which is hard for me to test in, since I only have a windows machine at work - where I can't work on this!). Both of these problems are isolated to WinIE only.

    The forum is located at: http://brilliantgreen.net/forum/

    <i>The two things are:</i>


    1. The header and menu don't appear in IE

    I have them both position:absolute. as you can see in the code below. Both just plain don't display.

    .Head {
    position: absolute;
    background-image : url("../../../images/forum_header.jpg");
    top : 0px;
    left : 15px;
    width : 700px;
    height : 340px;}
    • CommentAuthorNathan_A
    • CommentTimeNov 23rd 2005 edited
     # 2
    #MenuForum {
    position: absolute;
    list-style: none;
    top: 223px;
    left: 14px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    }
    • CommentAuthorNathan_A
    • CommentTimeNov 23rd 2005
     # 3
    2. IE misinterpreting 'min-height' as 'height' in CommentBody

    I have the body of each comment body set to a minimum height (to take into account avatars). IE locks each comment to that height (ie. if the post is longer, it still cuts the post of at the minimum height. )

    .CommentBody {
    width: 295px;
    min-height: 75px;
    _height: 75px;
    font-size: 11px;
    line-height : 120%;
    padding-left: 25px;
    padding-bottom: 8px;
    padding-top: 0px;
    margin-top: 12px;
    color: #000000;
    overflow: hidden;
    z-index: 50;
    }
    • CommentAuthorBanzai
    • CommentTimeNov 23rd 2005
     # 4
    .SiteContainer {
    width: 703px;
    margin-top: 0px;
    padding-bottom: 20px;
    }

    With that it shows... just don't ask why

    Hope it helps
    • CommentAuthorNathan_A
    • CommentTimeNov 23rd 2005
     # 5
    awesome. thanks banzai. that change making the difference makes absolutely no sense - but it is IE we're talking about!!!

    and ideas on the min height problem in the commentbody?
    • CommentAuthorBanzai
    • CommentTimeNov 24th 2005
     # 6
    I didn't try it, but it's small and looks good

    http://www.dustindiaz.com/min-height-fast-hack/

    selector {
    min-height:500px;
    height:auto !important;
    height:500px;
    }
    • CommentAuthorNathan_A
    • CommentTimeNov 24th 2005
     # 7
    Yep. didn't work as is, but removed the height:500px line, and it wored a treat.

    YAY!! :D
    cheers banzai!
Add your comments
    Username Password
  • Format comments as