Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

sizing issue in site

Discussion in 'Website Design Forum:' started by TomStutt, Aug 13, 2009.

  1. TomStutt

    TomStutt Senior Member

    Hi all

    I hope someone can help me. In my site i have a container which has all the content in but its set to a minimum height and in IE it displays perfect but in firefox the content overlaps the container. Is there a way that the container can go to the size of the content?

    Please help :confused:

  2. TomStutt

    TomStutt Senior Member

    sorry here is the code for the container:

    #container {
    margin: auto auto auto auto;
    width: 800px;
    text-align: left;
    font-size: 12px;
    line-height: 1.1em;
    background-color: #ffffff;
    padding: 15px;
    font-family: "arial", "verdana", "times new roman";
    min-height: 900px;
  3. overflow: hidden;

    on the CSS for the container, that might fix the problem :)

    If not then i'm sure that Harry will come and save the day :)
  4. tbwcf

    tbwcf Active Member

    that should fix it, you can take off the minimum height then also!
  5. TomStutt

    TomStutt Senior Member

    you guys are legends. its worked a treat. thanks
  6. Thank Andy for that one :) LOL he's the master :lol:
  7. tbwcf

    tbwcf Active Member

    I did steal it from Harry originally - Web Design+ — Tips and advice on web standards development

    I used to use a <br style="clear:both;" /> which you still need if you use any minus margins or negative absolute positioning to pull elements outside a container as obviously overflow:hidden; will hide those bits....
  8. LOL its like a massive stockpile of info at Harry's site :)
  9. glenwheeler

    glenwheeler Senior Member

    I think he's waiting for your Harry... **Whistles**

Share This Page