Results 1 to 5 of 5

Thread: problem with 3 column CSS

  1. #1
    Join Date
    Jan 2006
    Posts
    50
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default problem with 3 column CSS

    hi folks.

    the following URL works fine with IE7 and FF, but the middle column drops in IE6.

    www.midresh**etmoriah.org/default2.asp (pls remove stars)


    can anyone suggest a solution?

    Thanks in advance!

  2. #2
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default

    I would create a 1px high invisible div, in this case at the bottom of the page as not to create any space between the top of the page and the header. It would go right at the end, before the </body>. Make it 760px wide, the width of your container. That way, there's a solid element stretching that wide, preventing anything that width and thinner from dropping off. Make sense?
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

  3. #3
    Join Date
    Jan 2006
    Posts
    50
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    thanks, but that didnt seem to do the job

  4. #4
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default

    Is the content within these divs stretching them wider than they're supposed to be?
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

  5. #5
    Join Date
    Jan 2006
    Posts
    50
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    no

    but it looks like i found a solution remove the margin for the center col, and replace it with float: left

    thanks anyway

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
  •