#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2008
    Posts
    15
    Rep Power
    0

    DIV does not extend in FF, Safari, Opera, but does in IE7


    I have this problem on and off in different web sites I have designed. Somehow I get around it, however, I really do not understand why I have the problem, and how I solve it.

    here is the link:
    http://mizuedesign.com/0000.html

    in IE7, my #mainContainer extends as I put in some other divs etc. (there is a border around it.)

    However in FF, Safari, and Opera the same DIV does not extend.

    I am trying to achive the results I see in IE7.

    Any help would be greatly appriciated.

    S. Boztepe
  2. #2
  3. Expert Debugger
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Apr 2006
    Location
    Dev Shed Forums (-_^)v
    Posts
    1,021
    Rep Power
    1306
    you need #mainContainer allow the floats for that add the following :

    css Code:
    #mainContainer:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    Comments on this post

    • sukrub agrees : The solution was given fixed the problem, right on!
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2008
    Posts
    15
    Rep Power
    0
    Thank you sarav_dude.

    That just fixed it.

    I still do not understand how it fixed it, but I will study the CSS you have given me.

    Thanks a lot

    S. Boztepe

IMN logo majestic logo threadwatch logo seochat tools logo