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 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2009
    Posts
    59
    Thanks
    10
    Thanked 0 Times in 0 Posts

    help me fix this IE problem please

    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 :

    Code:
    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:


    This is IE preview:

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Jul 2009
    Posts
    59
    Thanks
    10
    Thanked 0 Times in 0 Posts
    ok sure ill try it.BTW what is [i][i] is all about ? may i know please


  •  

    Posting Permissions

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