Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    May 2007
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts

    CSS wrapper not expanding to content in Firefix

    Hi,

    Ok my problem is that i am using div tableless structure, and I am using a div wrapper to vertically expand to the contents of my site from page to page.
    The problem is that it doesnt want to work in fireFox , Please Help!


    Here is the link to the site : http://www.dcmconvert.com/architectural.php

    view it in firefox and you will see what iam talking about ,, thanks

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    The problem is that you have set a too small height for the box containing your flash object. Only IE6 will ignore your height and expand the box to contain overflowing elements. This bug is known as the expanding box problem.

    In most cases you shouldn't even set a height for your containers. Use the default height: auto and the height will adjust itself to fit contents.

    Try these changes:
    Code:
    .borderbox1{
    border: 1px solid #bababa;
    padding: 4px;
    /* height: 250px; */
    background: #FFFFFF;
    text-align: center;
    }

  • #3
    New Coder
    Join Date
    May 2007
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ok thanks that worked for me, except now , my whitebackground( wrapper) isn't showing up in Firefox,, any ideas?


    thanks for the help

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by johnn7Devlpr View Post
    Ok thanks that worked for me, except now , my whitebackground( wrapper) isn't showing up in Firefox,, any ideas?
    I don't see any background color for your wrapper?
    Code:
    #wrapper {
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 780px;
    }

  • #5
    New Coder
    Join Date
    May 2007
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ya its not in wrapper its in the #container div

  • #6
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by johnn7Devlpr View Post
    Ya its not in wrapper its in the #container div
    That's because a float does not automatically expand its containing block. Only in IE does this happen (due to a bug) when hasLayout is triggered for the containing block (for example by setting an explicit width).

    If you want #container to contain its floats, you can achieve this by specifying overflow: hidden
    Code:
    #container {
    position: relative;
    left: 6px;
    width: 774px;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999 ;
    background-color:#FFFFFF;
    overflow: hidden;
    }


  •  

    Posting Permissions

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