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 to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    2 Divs not showing up ONLY in IE7

    Like it says in the title I cant get 2 Divs to show up in IE 7 and it works on all other browsers including IE 6 (kinda) and IE8


    the left is IE 8 and the Right is IE7

    and a live view is http://www.ezproductions.org/irc/

    thank you soooo much please help me out

  • #2
    New Coder
    Join Date
    Jun 2010
    Posts
    12
    Thanks
    1
    Thanked 1 Time in 1 Post
    Can you post the CSS?

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    PHP Code:
    .main {
        
    width979px;
        
    margin-rightauto;
        
    margin-leftauto;
        
    background-imageurl(images/main_bg.jpg);
        
    margin-top: -10px;
        
    background-repeatrepeat-y;
        
    height772px;
    }
    .
    aboutus {
        
    floatleft;
        
    height213px;
        
    width575px;
    }
    .
    ircnews_txt {
        
    height309px;
        
    width376px;
        
    floatleft;
    }
    .
    news_margin {
        
    margin-left18px;
        
    font-familyArialHelveticasans-serif;
        
    color#6A6A6A;
        
    border-bottom-widththin;
        
    border-bottom-stylesolid;
        
    border-bottom-color#D0D0D0;
        
    margin-right18px;
        
    font-size14px;
    }


    .
    top_ban {
        
    height71px;
        
    width951px;
        
    background-imageurl(images/top_ban_bg.jpg);
        
    cliprect(auto,auto,auto,auto);
        
    margin-right14px;
        
    margin-left14px;
    }
    .
    logo {
        
    height50px;
        
    width185px;
        
    margin-right0px;
        
    margin-left52px;
        
    padding-top10.5px;
        
    padding-bottom10.5px;
        
    margin-bottom20.5px;
    }
    .
    logo_pic {
        
    padding: -10px;
    }

    .
    search {
        
    floatright;
        
    height19px;
        
    width167px;
        
    margin-top26px;
        
    margin-bottom26px;
        
    margin-right47px;
    }
    .
    nav {
        
    height31px;
        
    width951px;
        
    margin-right14px;
        
    background-imageurl(images/nav.gif);
        
    margin-top: -21px;
    }
    .
    nav_home {
        
    height31px;
        
    width124px;
        
    floatleft;
        
    padding-top5px;
        
    font-familyTahomaGenevasans-serif;
        
    font-size16px;
        
    color#3C3C3C;
    }
    .
    nav_overview {
        
    height31px;
        
    width119px;
        
    floatleft;
        
    padding-top5px;
        
    font-familyTahomaGenevasans-serif;
        
    font-size16px;
        
    color#3C3C3C;
        
    font-stylenormal;
    }
    .
    nav_capabilities {
        
    height31px;
        
    width129px;
        
    floatleft;
        
    font-familyTahomaGenevasans-serif;
        
    font-size16px;
        
    color#3C3C3C;
        
    padding-top5px;
    }
    .
    nav_gov_experience {
        
    height31px;
        
    width222px;
        
    floatleft;
        
    padding-top5px;
        
    padding-right0px;
        
    padding-bottom0px;
        
    padding-left0px;
        
    font-familyTahomaGenevasans-serif;
        
    font-size16px;
        
    color#3C3C3C;
    }
    .
    nav_careers {
        
    height31px;
        
    width101px;
        
    floatleft;
        
    font-familyTahomaGenevasans-serif;
        
    font-size16px;
        
    color#3C3C3C;
        
    padding-top5px;
    }
    .
    nav_news {
        
    height31px;
        
    width91px;
        
    floatleft;
        
    font-familyTahomaGenevasans-serif;
        
    font-size16px;
        
    color#3C3C3C;
        
    padding-top5px;
    }
    .
    nav_contact {
        
    height31px;
        
    width165px;
        
    floatright;
        
    font-familyTahomaGenevasans-serif;
        
    font-size16px;
        
    color#3C3C3C;
        
    padding-top5px;
    }
    .
    bg {
        
    background-color#D6D6D6;
    }
    .
    header {
        
    height265px;
        
    width951px;
        
    margin-top: -5px;
        
    floatleft;
    }
    .
    lower_nav {
        
    height40px;
        
    background-imageurl(images/lower_nav.gif);
        
    background-color#0FF;
        
    floatright;
        
    width951px;
    }
    .
    lnav_infotech {
        
    font-familyVerdanaGenevasans-serif;
        
    color#000;
        
    height27px;
        
    width176px;
        
    font-size12px;
        
    padding-top13px;
        
    font-weight800;
        
    floatleft;
    }
    .
    lnav_techsupport {
        
    font-familyVerdanaGenevasans-serif;
        
    color#000;
        
    height27px;
        
    width125px;
        
    font-size12px;
        
    font-weight800;
        
    floatleft;
        
    padding-top13px;
    }
    .
    lnav_elearning {
        
    font-familyVerdanaGenevasans-serif;
        
    color#000;
        
    height27px;
        
    width292px;
        
    font-size12px;
        
    padding-top13px;
        
    font-weight800;
        
    floatleft;
        
    padding-left7px;
    }
    .
    lnav_ircnews {
        
    width351px;
        
    floatright;
        
    height27px;
        
    padding-top13px;
        
    font-family"Times New Roman"Timesserif;
        
    color#03455E;
        
    font-weightbolder;
        
    font-size16px;
    }
    .
    maintxt {
        
    background-imageurl(images/maintxt.jpg);
        
    height309px;
        
    width951px;
        
    floatleft;
        
    margin-right14px;
        
    margin-left14px;
        
    background-color#FFF;
    }
    .
    botm_txt_header {
        
    font-size16px;
        
    color#03455E;
        
    font-weight600;
        
    border-top-widththin;
        
    border-top-stylesolid;
        
    border-top-color#CECECE;
    }
    .
    botm_txt {
        
    font-size14px;
        
    color#666;
        
    padding-right5px;
        
    padding-left5px;
        
    border-right-widththin;
        
    border-bottom-widththin;
        
    border-top-stylenone;
        
    border-right-stylesolid;
        
    border-bottom-stylesolid;
        
    border-right-color#CECECE;
        
    border-bottom-color#CECECE;
    }
    .
    botm {
    }

    .
    botm_main {
        
    floatleft;
        
    width575px;
        
    margin-top: -10px;
    }

    .
    maintxt_margin {
        
    margin-left22px;
        
    font-familyArialHelveticasans-serif;
        
    font-size13px;
        
    color#6A6A6A;
    }
    .
    botm_margin {
        
    margin-right5px;
        
    margin-left5px;
        
    padding-right10px;
        
    padding-left10px;
        
    border-right-width1px;
        
    border-right-stylesolid;
        
    border-right-color#D6D6D6;
    }
    .
    footer {
        
    floatleft;
        
    width951px;
        
    background-imageurl(images/footer.jpg);
        
    background-repeatrepeat-x;
        
    height55px;
        
    background-color#E4E4E4;
        
    border-top-width1px;
        
    border-top-stylesolid;
        
    border-top-color#D6D6D6;
        
    font-familyArialHelveticasans-serif;
        
    font-size10px;
        
    color#6a6a6a;
    }

    .
    botm_lines {
        
    border-top-width1px;
        
    border-bottom-width1px;
        
    border-top-stylesolid;
        
    border-bottom-stylesolid;
        
    border-top-color#D0D0D0;
        
    border-bottom-color#D0D0D0;
    }


    .
    maintxt_blue {
        
    color#03455E;
        
    margin-left22px;
    }
    .
    footer_margin {
        
    font-size14px;    color7e7e7e;
        
    margin-top20px;


  • #4
    New Coder
    Join Date
    Jun 2010
    Posts
    12
    Thanks
    1
    Thanked 1 Time in 1 Post
    I'm still learning all this myself but try swapping line 14 in your html to this.

    Code:
    <div class="logo"><img src="images/logo_sm.gif" alt="Information Research Corperation" width="185" height="50" align="middle" />  </div>

  • #5
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Take the height off both #nav and .top_ban and your missing divs reappear in IE7. Neither height is sufficient for the content, and they're unnecessary anyway.

    That screws up the top logo a bit - sort this by removing the margin-bottom on #logo and the negative top-margin on .nav. There's no real need for negative margins on this layout.

    Brucey2010: You can access the css from the link provided via view source or something like Firebug.

  • The Following 2 Users Say Thank You to SB65 For This Useful Post:

    Brucey2010 (06-30-2010), Evantchapman (06-30-2010)

  • #6
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    It worked thank you soooo much


  •  

    Posting Permissions

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