Back Home

Open Designs

Community. Driven.

General Talk: "faux columns" not showing in firefox

Bottom of Page

1 to 4 of 4

  1.  
    •  
      CommentAuthorcoll23
    • CommentTimeFeb 15th 2007
     
    I have a background image for the container of my site that has a left and right column and middle content section that i want to repeat the whole way down to give the illusion that the columns run from top to bottom of the container div....oddly enough, it is displaying correctly in IE6&7 but not in FF or Opera.
    here is the code:

    #container {
    width: 840px;
    margin: 0 auto;
    background: url(img/container.gif) repeat-y;
    border: 1px solid #222;
    }

    Any thoughts on how to make this work in Firefox and Opera? It's quite frustrating because i have viewed quite a few designs that use this technique and they all display fine in Firefox.

    Thanks!!!!!
    • CommentAuthorsadish
    • CommentTimeFeb 15th 2007
     
    1. did you make sure you have a valid xhtml ?

    2. did you try moving the footer outside of the container and then use clear:both on its style ?
    3. did you try moving the footer inside of the container and then use clear:both on its style ?

    Can you show some screenshot / site location ?

    Sadish
    •  
      CommentAuthorcoll23
    • CommentTimeFeb 15th 2007
     
    @Sadish
    -i'm not able to preview it at this time.

    -the footer is inside the container, but has a different background.

    -it looks exactly how i want it to in IE just not in FF or Opera. :(
    •  
      CommentAuthorcoll23
    • CommentTimeFeb 15th 2007
     
    the css gods must be smiling today...figured it out! everything is coming up /*insert simpsons reference here*/ Milhouse

1 to 4 of 4

  1.