Fix IE Browser Viewing bug...??

Discussion in 'HTML & Website Design' started by ceylongeek, Jul 31, 2010.

?

Should IE be changed to Use standard CSS ?

  1. Yes

    100.0%
  2. No

    0 vote(s)
    0.0%
  1. #1
    Guys i created a website using HTML and CSS.My problem is when i view my website using Internet explore web browser the whole appearance get change.Actually IE increase the height of the website but width is all right.Please tell me how to fix this problem.I have attached a screen shot with this for your ease


    Thank you
     

    Attached Files:

    ceylongeek, Jul 31, 2010 IP
  2. ceylongeek

    ceylongeek Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    CSS codes are here-

    This is for whole site

    @charset "utf-8";
    body {
    	font-family:"Times New Roman", Times, serif;
    	background-color:#666666;
    	margin-bottom:0px;
    	padding:2px;
    
    }
    	
    div.wrapper{
    
    margin-left:20px;
    margin-right:20px;
    width:1060px;
    background:#F4F4F4;
    }
    
    #top_nav{
    padding-top:5px;
    padding-bottom:0px;
    }
    
    div.bodu_bag{
    background:#CCCCCC;
    }
    
    a:link{
    color:#00FFFF;
    }
    
    a:hover{
    color:#00CC00;
    }
    
    a:visited{
    color:#FFCC00;
    }
    
    #footer{
    background:url(../images/footer.png) repeat-x;
    width:100%;
    height:50px;
    color:#FFFFFF;
    padding-top:40px;
    margin-bottom:0px;
    a:link{color:#00FF00};
    }
    
    
    .top_menu{
    text-align:right;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:10px;
    }
    
    .top-image{
    display:inline;
    width:30px;
    height:30px;
    margin-left:6px;
    margin-right:6px;
    margin-bottom:0px;
    margin-top:0px;
    
    
    }
    
    img.logo{
    margin-top:0px;
    margin-bottom:0px;
    padding-top:20px;
    padding-left:10px;
    
    }
    
    .lang{
    background:#FFFFFF;
    text-align:right;
    background-image:url(../images/lang_bg.png);
    margin-top:0px;
    background-position:center;
    padding-right:200px;
    background-repeat:repeat;
    height:60px;
    padding-top:60px;
    padding-right:10px;
    
    }
    
    marquee.marq{
    border:solid;
    border-width:1px;
    border-bottom:none;
    color:#003300;
    
    }
    
    HTML:
    This is for the table (Bug area)

    
    td.ad_colm_left{
    width:212px;
    border:#FF3300;
    border:solid;
    border-width:1px;
    height:auto;}
    
    div.search{
    display:block;
    
    }
    
    
    
    td.ad_colm_right{
    width:212px;
    border:#FF3300;
    border:solid;
    border-width:1px;
    height:auto;
    
    }
    
    
    #left_1{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    margin-top:0px;
    
    }
    
    #left_2{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #left_3{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #left_4{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #right_1{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    margin-top:1px;
    
    }
    #right_2{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #right_3{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #right_4{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    
    
    td.main{
    width:600px;
    height:auto;
    }
    
    
    table.table_bd{
    border:none;
    height:auto;
    margin-bottom:2px;
    }
    
    
    td.lb{
    width:300px;
    height:auto;
    }
    
    td.rb{
    width:300px;
    height:auto;
    }
    
    td.a{
    text-align:left;
    width:290px;
    height:300px;
    border:none;
    margin-bottom:0px;
    margin-right:0px;
    text-align:center;
    
    
    
    }
    
    td.b{
    margin:0px;
    text-align:left;
    width:300px;
    height:300px;
    border:none;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
    
    }
    
    td.c{
    margin:0px;
    text-align:left;
    width:300px;
    height:70px;
    border:none;
    text-align:center;
    }
    
    td.d{
    margin:0px;
    text-align:left;
    width:300px;
    height:300px;
    border:none;
    text-align:center;
    }
    
    td.g{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    border:none;
    text-align:center;
    
    }
    
    td.h{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    border:none;
    text-align:center;
    }
    
    
    
    
    td.j{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.k{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.l{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.i{
    text-align:left;
    width:300px;
    height:400px;
    margin:0px;
    text-align:center;
    }
    
    td.m{
    text-align:left;
    width:150px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.n{
    text-align:left;
    width:150px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.o{
    text-align:left;
    width:150px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.p{
    text-align:left;
    width:150px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.q{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.e{
    text-align:left;
    width:400px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.r{
    text-align:left;
    width:200px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    td.f{
    text-align:left;
    width:100px;
    height:50px;
    margin:0px;
    text-align:center;
    
    }
    
    td.s{
    text-align:left;
    width:500px;
    height:50px;
    margin:0px;
    text-align:center;
    
    }
    
    td.v{
    text-align:left;
    width:600px;
    height:50px;
    margin:0px;
    text-align:center;
    
    }
    td.w{
    text-align:left;
    width:600px;
    height:50px;
    margin:0px;
    text-align:center;
    
    }
    
    td.y{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    text-align:center;
    
    
    }
    
    
    td.z{
    text-align:left;
    width:300px;
    height:25px;
    margin:0px;
    text-align:center;
    
    }
    
    
    td.t{
    text-align:left;
    width:600px;
    height:125px;
    margin:0px;
    text-align:center;
    }
    
    
    
    td.x{
    text-align:left;
    width:300px;
    height:50px;
    margin:0px;
    text-align:center;
    }
    
    
    HTML:
     
    ceylongeek, Jul 31, 2010 IP
  3. doconline

    doconline Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Can you post the HTMl too for the page? Shoudl be able to help then
     
    doconline, Aug 3, 2010 IP