Grow your CSS skills. Land your dream job.

IE6 Bug.. Please help me out..

  • # February 26, 2010 at 5:08 pm

    Hello Friends…

    I am working on a site and it is almost finished.. you can check it out at http://www.scmindsolutions.com.. i am facing the well known IE problem.. The site looks terrible in IE6 and IE7. following are the screenshots
    [img]http://img62.imageshack.us/img62/1101/ie6a.th.png[/img] this is in IE6. Also in IE6 i can’t view other pages..

    [img]http://img31.imageshack.us/img31/5237/ie7a.th.png[/img] this is in IE7.

    the site looks perfect in every browser except these two. please help me out.. my job depends on this issue..

    Thanks a lot.

    # February 26, 2010 at 5:10 pm

    Can we see a picture of what you want it to look like?

    # February 26, 2010 at 5:13 pm
    "luxurychair" wrote:
    Can we see a picture of what you want it to look like?

    [img]http://img684.imageshack.us/img684/2894/normalck.th.jpg[/img] this is what it should look like..

    # February 26, 2010 at 5:21 pm

    This is my Full CSS File..

    Code:
    body
    {
    margin:0;
    padding:0;
    background-color:#f5f5f5;
    text-align:center;
    }
    .text a
    {
    text-decoration:none;
    color:#033;
    }
    #header
    {
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    height: 287px;
    width: 900px;

    }
    #wrapper
    {
    margin:0 auto;
    width:926px;
    background-color:#FFF;
    background-image:url(../images/bg.jpg);
    background-repeat:repeat-y;
    }
    #container
    {
    width:900px;
    margin:0 auto;
    }
    #logo_nav
    {
    position: relative;
    height: 82px;
    }
    #logo_nav_about
    {
    position: relative;
    height: 82px;
    background-image:url(../images/about_bg.gif);
    background-repeat:repeat-x;
    }
    #logo_nav_ser
    {
    position: relative;
    height: 82px;
    background-image:url(../images/services_bg.gif);
    background-repeat:repeat-x;
    }
    #logo_nav_portfolio
    {
    position: relative;
    height: 82px;
    background-image:url(../images/portfolio_bg.gif);
    background-repeat:repeat-x;
    }
    #logo_nav_contact
    {
    position: relative;
    height: 82px;
    background-image:url(../images/contact_bg.gif);
    background-repeat:repeat-x;
    }
    #logo
    {
    float:left;
    margin-left: 60px;
    display:inline;
    }
    #navbar
    {
    float:right;
    margin: 0;
    width: 420px;
    height: 67px;
    display:inline;
    }
    #navbar ul
    {
    margin-top: 32px;
    margin-right: 10px;
    margin-bottom: 0px;
    width: 500px;
    padding-left: 65px;
    list-style:none;
    }
    #navbar ul li
    {
    display:inline;
    float:left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    color: #45abd4;
    }

    .about a:hover
    {
    text-decoration:none;
    color:#f9b34f;
    }
    .services a:hover
    {
    text-decoration:none;
    color:#0C0;
    }
    .portfolio :hover
    {
    text-decoration:none;
    color:#f587f6;
    }
    .contact a:hover
    {
    text-decoration:none;
    color:#F95F64;
    }
    #content_slider
    {
    width:900px;
    position: relative;
    top: 1px;
    }
    #intro
    {
    width: 565px;
    height: 97px;
    text-align: left;
    margin-top: 20px;
    }
    #content
    {
    position:relative;
    margin-top: 5px;
    }
    #intro_text
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #36455a;
    width: 550px;
    margin-top: 10px;
    text-align: left;
    line-height: 18px;
    margin-left: 12px;
    }
    #more
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    text-align: right;
    margin-top: 15px;
    }

    #services
    {
    margin-top: 20px;
    margin-left: 40px;
    width: 300px;
    }

    #mid_content
    {
    text-align: left;
    position: relative;
    height: 240px;

    }
    #three_ser
    {
    height: 149px;
    width: 599px;
    background-image: url(../images/three_ser.gif);
    margin-left: 40px;
    margin-top: 20px;
    float: left;
    display:inline;
    }
    #testimonial
    {
    background-image: url(../images/testimonial.gif);
    height: 217px;
    width: 230px;
    float: right;
    position: absolute;
    left: 655px;
    top: 274px;
    }
    #web
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #0070A6;
    line-height: 18px;
    width: 185px;
    float: left;
    margin-left: 5px;
    display:inline;

    }
    #brand
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #0070A6;
    line-height: 18px;
    width: 185px;
    float: left;
    margin-left: 18px;
    display:inline;
    }
    #seo
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #0070A6;
    line-height: 18px;
    width: 185px;
    float: left;
    margin-left: 15px;
    display:inline;
    }
    #test_text
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 18px;
    margin-top: 20px;
    text-align: left;
    color: #36455a;
    margin-right: 5px;
    margin-left: 9px;
    }
    #owner
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #36455a;
    line-height: 18px;
    text-align: right;
    margin-top: 18px;
    }
    #footer
    {
    background-image: url(../images/footer_bg.gif);
    background-repeat: repeat-x;
    width: 900px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background-color: #F5F5F5;
    clear: both;
    height: 123px;
    }
    h3
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    color: #36455a;
    }
    #footer_left
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 18px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    color: #36455a;
    position: relative;
    display:inline;
    }
    #footer_right
    {
    float: right;
    margin-top: 5px;
    background-image: url(../images/footer_bg1.gif);
    background-repeat: no-repeat;
    width: 268px;
    position: relative;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    text-align: right;
    color: #959595;
    display:inline;
    }

    #gadjets
    {
    margin-top: 8px;

    }

    #footer_right ul
    {
    list-style-type: none;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0px;
    }
    #footer_right ul li a, #footer_right ul li
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 15px;
    padding: 0px;
    color: #5b718f;
    margin-top: 0px;
    margin-right: 2px;
    margin-bottom: 0px;
    margin-left: 0px;
    }

    #footer_right ul li a
    {
    text-decoration:none;
    color:#5b718f;
    }
    #copyright
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #959595;
    text-align: right;
    margin-right: 5px;
    margin-top: 8px;
    }
    #left_side
    {
    float:left;
    position:relative;
    width:498px;
    margin-top: 40px;
    margin-left: 60px;
    margin-bottom: 60px;
    text-align: left;
    display:inline;
    }
    #left_side_port
    {
    float:left;
    position:relative;
    width:500px;
    margin-top: 40px;
    margin-left: 60px;
    margin-bottom: 20px;
    text-align: left;
    display:inline;
    }
    #right_side
    {
    float:right;
    position:relative;
    width:320px;
    margin-top: 80px;
    text-align: left;
    margin-right: 20px;
    display:inline;
    }

    .text
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #36455a;
    line-height: 18px;
    text-align: left;

    }
    #process_heading
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    color: #c24306;
    font-weight: bold;
    }
    #abt_bold_text
    {
    color:#f9b34f;
    font-family: “Century Gothic”;
    font-size: 24px;
    line-height: 25px;
    font-weight: bold;
    margin-left: 20px;
    }
    #ser_bold_text
    {
    color:#97cd4e;
    font-family: “Century Gothic”;
    font-size: 24px;
    line-height: 25px;
    font-weight: bold;
    margin-left: 20px;
    }
    #por_bold_text
    {
    color:#e382e4;
    font-family: “Century Gothic”;
    font-size: 24px;
    line-height: 25px;
    font-weight: bold;
    margin-left: 20px;
    }
    #contact_bold_text
    {
    color:#f95f64;
    font-family: “Century Gothic”;
    font-size: 24px;
    line-height: 25px;
    font-weight: bold;
    margin-left: 20px;
    }
    #abt_img
    {
    background-image: url(../images/abt_img.png);
    background-repeat: no-repeat;
    height: 304px;
    width: 329px;
    position: absolute;
    left: 11px;
    top: 263px;
    }
    #home_img
    {
    background-image: url(../images/pencils.png);
    background-repeat: no-repeat;
    height: 286px;
    width: 300px;
    position: absolute;
    left: -55px;
    top: -294px;
    display: inline;
    }
    #ser_img
    {
    background-image: url(../images/ser_img.gif);
    background-repeat: no-repeat;
    height: 343px;
    width: 341px;
    position: absolute;
    left: -1px;
    top: 234px;

    }

    #contact_img
    {
    background-image: url(../images/contact_img.gif);
    background-repeat: no-repeat;
    height: 343px;
    width: 328px;
    position: absolute;
    left: 12px;
    top: 204px;

    }
    .ser_head
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #37681b;

    }
    .por_head
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #590457;
    margin-left: 60px;
    margin-bottom: 20px;
    padding-top: 20px;
    }
    #portfolio
    {
    position:relative;
    text-align: left;
    }
    #fed
    {
    height: auto;
    width: 235px;
    float: left;
    margin-right: 30px;
    margin-left: 10px;
    }
    .port_text
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #36455a;
    line-height: 15px;
    margin-left:2px;
    }
    #middle
    {
    clear:both;
    position: relative;
    }
    .port
    {
    list-style:none;
    padding:0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: 60px;
    width: 850px;
    }
    .port li
    {
    background-color:#F5F5F5;
    border:1px solid #E5E5E5;
    float:left;
    width:231px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 14px;
    padding-right: 14px;
    padding-bottom: 14px;
    padding-left: 14px;
    height: 330px;
    display:inline;
    }

    .port li p
    {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 18px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    color: #36455a;

    }
    .no_margin
    {
    margin-right:0px;
    }
    #port_logo
    {
    clear:both;
    position: relative;
    }
    #satya_logo
    {
    margin-left: 60px;
    margin-bottom: 20px;
    }

    form{
    width:350px;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 0px;
    margin: auto;
    }
    input[type=”text”],
    textarea {
    width:350px;
    border:1px solid #999;
    padding:5px;
    height: 200px;
    }
    input[type=”text”]:focus { border-color:#777; }
    input[name=”zip”] { width:150px; }
    label{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #36455A;
    }

    #name-wrap, #email-wrap, #url-wrap, #comment-wrap, #phone-wrap
    {
    clear:both;
    position:relative;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    }

    #contact_form
    {
    margin-top:40px;
    }
    #footer_left a
    {
    text-decoration:none;
    color:#36455a;
    }
    #more a
    {
    text-decoration:none;
    color:#36455a;
    }

    #more a:hover
    {
    color:#76C5E4;
    }
    .text a:hover
    {
    color:#f95f64;
    }
    .por_head p
    {
    margin:0px;
    padding:0px;
    }
    #content_intro
    {
    position: relative;
    margin-left: 40px;

    }

    # February 27, 2010 at 11:18 am

    can anyone help me?

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".