3rd column on a 3 colymn CSS template overlaping over picture in the middle column

Discussion in 'CSS' started by istioploos, Mar 1, 2007.

  1. #1
    I try to set up a CSS three column layout with the middle column floating. I use the template http://www.ssi-developer.net/main/templates/temps/3c-hd-ft-flex.htm. The problem arises when I put a 500 px picture in the middle column. Then when I decrease width the 3rd column overlaps the picture. How do I set min width for the middle column?
     
    istioploos, Mar 1, 2007 IP
  2. DatR

    DatR Peon

    Messages:
    210
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    in your css for your body tag you can add a min-width:##px; which will do it, but IE 6 does not recognize min-width so it will work in firefox and I believe IE7.. so something like this:

    
    body {
       min-width:500px;
    }
    
    Code (markup):
    for IE6 you'll have to find a min-width hack..
     
    DatR, Mar 1, 2007 IP