SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Jun 2004
    Location
    Belfast
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    resize column script not working Netscape

    Hi,

    I have a site that uses a resize javascript to get the left column to match the length of the right column. This works and looks fine when viewed in IE, but not in Netscape.

    The page can be viewed here:
    http://www.b-hop.com/members/CSSProblem

    The Style sheets are at:

    http://www.b-hop.com/members/CSSProblem/Netscape.css
    and
    http://www.b-hop.com/members/CSSProb...WildStyles.css


    Also, does height not work for Netscape? I thought maybe I could make the div a specified height as a last resort (although this isn't the best solution for the dynamic pages that will change in length).

    Any ideas?

    Thanks,

    Shaunacg

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,797
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    If you take out the height 100% as follows then the columns will equalise in firefox so I assume netscape will follow.
    Code:
    #jetskier{float:left; margin-left:71px; margin-top:20px;}
    When you specify 100% height then in mozilla browsers thats all you will get (as long as the parent has height defined also).

    If the element is greater than 100% height then the content will overflow which is what has happened to your submit buttons etc.

    You can declare a min-height of 100% for mozilla browsers etc and then declare a 100% height for IE which has to be hidden from the other browsers (use the star selector hack). Be careful with 100% height as some browsers will take 100% as the full window size even if the element starts half way down the page.

    If you look at my 3 col thread (stickied at the top of the threads) theres a good explanation of 100% height and how it works.

    You might also be interested in any of the 2 column layouts there that don't require javascript. I'm not sure why you have used js anyway as you have used a bg gif for the left column anyway and it would be a simple matter to wrap both columns in a container and achieve equalising columns very simply. (There is an example of a bg image 2 col layout on the demo I mentioned above).

    Hope that helps anyway

    Paul


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •