...

View Full Version : 2 Divs not showing up ONLY in IE7



Evantchapman
06-30-2010, 08:00 PM
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

http://www.ezproductions.org/irc/WTF.jpg
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

Brucey2010
06-30-2010, 08:07 PM
Can you post the CSS?

Evantchapman
06-30-2010, 08:11 PM
.main {
width: 979px;
margin-right: auto;
margin-left: auto;
background-image: url(images/main_bg.jpg);
margin-top: -10px;
background-repeat: repeat-y;
height: 772px;
}
.aboutus {
float: left;
height: 213px;
width: 575px;
}
.ircnews_txt {
height: 309px;
width: 376px;
float: left;
}
.news_margin {
margin-left: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #6A6A6A;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #D0D0D0;
margin-right: 18px;
font-size: 14px;
}


.top_ban {
height: 71px;
width: 951px;
background-image: url(images/top_ban_bg.jpg);
clip: rect(auto,auto,auto,auto);
margin-right: 14px;
margin-left: 14px;
}
.logo {
height: 50px;
width: 185px;
margin-right: 0px;
margin-left: 52px;
padding-top: 10.5px;
padding-bottom: 10.5px;
margin-bottom: 20.5px;
}
.logo_pic {
padding: -10px;
}

.search {
float: right;
height: 19px;
width: 167px;
margin-top: 26px;
margin-bottom: 26px;
margin-right: 47px;
}
.nav {
height: 31px;
width: 951px;
margin-right: 14px;
background-image: url(images/nav.gif);
margin-top: -21px;
}
.nav_home {
height: 31px;
width: 124px;
float: left;
padding-top: 5px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #3C3C3C;
}
.nav_overview {
height: 31px;
width: 119px;
float: left;
padding-top: 5px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #3C3C3C;
font-style: normal;
}
.nav_capabilities {
height: 31px;
width: 129px;
float: left;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #3C3C3C;
padding-top: 5px;
}
.nav_gov_experience {
height: 31px;
width: 222px;
float: left;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #3C3C3C;
}
.nav_careers {
height: 31px;
width: 101px;
float: left;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #3C3C3C;
padding-top: 5px;
}
.nav_news {
height: 31px;
width: 91px;
float: left;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #3C3C3C;
padding-top: 5px;
}
.nav_contact {
height: 31px;
width: 165px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #3C3C3C;
padding-top: 5px;
}
.bg {
background-color: #D6D6D6;
}
.header {
height: 265px;
width: 951px;
margin-top: -5px;
float: left;
}
.lower_nav {
height: 40px;
background-image: url(images/lower_nav.gif);
background-color: #0FF;
float: right;
width: 951px;
}
.lnav_infotech {
font-family: Verdana, Geneva, sans-serif;
color: #000;
height: 27px;
width: 176px;
font-size: 12px;
padding-top: 13px;
font-weight: 800;
float: left;
}
.lnav_techsupport {
font-family: Verdana, Geneva, sans-serif;
color: #000;
height: 27px;
width: 125px;
font-size: 12px;
font-weight: 800;
float: left;
padding-top: 13px;
}
.lnav_elearning {
font-family: Verdana, Geneva, sans-serif;
color: #000;
height: 27px;
width: 292px;
font-size: 12px;
padding-top: 13px;
font-weight: 800;
float: left;
padding-left: 7px;
}
.lnav_ircnews {
width: 351px;
float: right;
height: 27px;
padding-top: 13px;
font-family: "Times New Roman", Times, serif;
color: #03455E;
font-weight: bolder;
font-size: 16px;
}
.maintxt {
background-image: url(images/maintxt.jpg);
height: 309px;
width: 951px;
float: left;
margin-right: 14px;
margin-left: 14px;
background-color: #FFF;
}
.botm_txt_header {
font-size: 16px;
color: #03455E;
font-weight: 600;
border-top-width: thin;
border-top-style: solid;
border-top-color: #CECECE;
}
.botm_txt {
font-size: 14px;
color: #666;
padding-right: 5px;
padding-left: 5px;
border-right-width: thin;
border-bottom-width: thin;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CECECE;
border-bottom-color: #CECECE;
}
.botm {
}

.botm_main {
float: left;
width: 575px;
margin-top: -10px;
}

.maintxt_margin {
margin-left: 22px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #6A6A6A;
}
.botm_margin {
margin-right: 5px;
margin-left: 5px;
padding-right: 10px;
padding-left: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D6D6D6;
}
.footer {
float: left;
width: 951px;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
height: 55px;
background-color: #E4E4E4;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D6D6D6;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #6a6a6a;
}

.botm_lines {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #D0D0D0;
border-bottom-color: #D0D0D0;
}


.maintxt_blue {
color: #03455E;
margin-left: 22px;
}
.footer_margin {
font-size: 14px; color: 7e7e7e;
margin-top: 20px;
}

Brucey2010
06-30-2010, 08:23 PM
I'm still learning all this myself but try swapping line 14 in your html to this.


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

SB65
06-30-2010, 08:24 PM
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 (http://getfirebug.com/).

Evantchapman
06-30-2010, 08:39 PM
It worked thank you soooo much



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum