...

View Full Version : help me fix this IE problem please



vijetha
08-07-2010, 07:02 PM
hi one of my friend is having a weird problem. he got a site and its working perfect in Mozilla Firefox but its not looking good when its viewed in IE a small gap is appearing in IE . I attached the both screen shots of it And am also enclosed the css .

This is the css :


body {
background-color: #044656;
font-family:Verdana,sans-serif;
}



#wrapper {
background:url("images/abs.jpg") no-repeat scroll center top ;
}


#header {
background-image: url(images/hd.jpg) ;
background-repeat:no-repeat;
background-position:center top;
width:940px;
margin: 0 auto;

height:119px;


}

#header-aside {
float: right;
width: 100px;
padding-top:10px;
padding-left:10px;
}




#branding {
padding:30px 0px 0px 8px;
float:left;
width:300px;
}



#blog-title a {
display:block; /* We do this so we can add a background image */
text-indent:-9000px; /* Hides the text--but not from search engines */
background:url(images/log.png) no-repeat ; /* adds in the logo image */
padding:0px 0 0 0;

}



#blog-description {
position:absolute;
left:-9000px; /* We avoid display:none because it's bad for SEO */
}





#access {
border-bottom:none;
font-size:12px;
height:65px;
z-index:1;
padding-top:35px;
clear:both


}




/* superfish menu --------------------------- ---------- */


.sf-menu {
background-color: #000000;
border:none;
width:940px;
height:40px;

padding-top: 5px

}

.sf-menu a{
color: white; /*Sets top level font color*/
background-color: #000000;
border: none;
}


.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

background-color: #000000;
color: white;
border-bottom-color:none;
}




.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:visited {
background-color: #000000;
color: white;
border-bottom-color:none;
}




.sf-menu li {
background-color: #000000;
}


#access-search{
position:absolute;
left:50%;
width:260px;
margin-left:270px;
height:25px;
padding:10px 0 0 4px;
}

#access-search #s {
background-color: #000000;
color: #FFFFFF;
border:1px solid #585858 ;
border-style:solid;
padding-top:3px;
}

#searchsubmit{
background:url(images/search.jpg) no-repeat;
width:16px;
height:16px;
border:none;
background-position:center;
text-indent: -9999px;
cursor:pointer;
}

/* superfish menu ------------------------------------------- */


#main {
background-color:#E8E8E8;
}



#container {
background-color: #FFFFFF;
padding-top:28px;
width: 682px;


}


#content {
margin-left:30px;
width:622px;

}



h1.entry-title {
background-color:#FFFFFF;
color:black;
}



.entry-title {

font-size: 22px;
}


.entry-title a:active, .entry-title a:hover {
color:#CCCCCC;

}

.entry-meta {
font-size: 10px ;
font-style: normal ;

}

.entry-content {

font-size: 12px;

}


.entry-utility {

font-size : 11px ;

}


h1.page-title {
background-color:#FFFFFF;
color:black;
}









.aside ul ul {
list-style:none;
}








#respond {

background: transparent;
}




div.post {
border-bottom:1px dashed #F0F0F0;
}

/*sidebar coding begins here ---------------------------------------*/

.main-aside {
width:230px;

}

.main-aside h3 {color:#fff;


}
.aside ul ul li {color:#C1DDED;}

#primary {
border:0px solid #000000;
padding:25px 0 0 0;
margin-bottom:22px;
}


#primary a{
color:#858585;
}



#secondary a{
color:#858585;
}

.aside ul ul li {
color:#858585;
}

.aside h3 {
font-size:14px;
font-style:normal;
background:url(images/cat.jpg) no-repeat ;
padding-left:10px;

}


.aside , .aside input {

line-height:20px;
font-size : 11px;

}


/*sidebar coding ends here ---------------------------------------*/


/* add a border to separate posts */
div.post{
border-bottom:1px dashed #00364A;
}



/* too much space between end of post and the border caused by the div.entry-utility margin: we clear the margin*/
div.entry-utility{
margin-bottom:0;
}
/* we add some top margin to .entry-title to separate them from the above borders*/
.entry-title{
margin-top:22px;
}


/* remove the border on sigle post pages */
body.single div.post{
border-bottom:none;
}



#comments-list li.bypostauthor {

background :#EEE;

}

/*footer coding starts here ---------------------------------------*/

#footer {

margin-top:0px; /* remove the default top margin on footer */
border-top: transparent;
}

#subsidiary {
background-color : #000000;
padding: 25px 0px 0px;
}


#subsidiary .aside h3 {
background:none;
padding-left:20px;
}


#subsidiary .aside {
color : #FFFFFF ;
padding-left : 5px ;
width:440px;
}


#subsidiary .aside a, #subsidiary .aside a:active {
color : #E0E0E0 ;
text-decoration: none;

}


#siteinfo {
background-color : #000000;
color: #EEE;
font-size:11px;
line-height:18px;
padding:22px 0 24px 0;

}
#siteinfo a {
color: #FFFFFF;
text-decoration: none;
}
#siteinfo a:active,

#siteinfo a:hover {
color: #FFFFFF;
}



This is FF preview:
http://i36.tinypic.com/efgx8i.jpg

This is IE preview:
http://i36.tinypic.com/2rqht35.jpg

abduraooft
08-07-2010, 09:19 PM
Try adding [i]*{margin:0;padding:0;}[i] to the CSS. I that doesn't work, please provide the html or a link to the page.

vijetha
08-08-2010, 06:32 AM
ok sure ill try it.BTW what is [i][i] is all about ? may i know please



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum