Hola buenas tardes en la empresa donde trabajo hay un proyecto de migrar los equipos de IE 6.0 a IE 7.0 por lo tanto para este plan hubo que hacer pruebas de todas las aplicaciones que han sido desarrolladas para la compañia en las cuales tengo una aplicacion que al hacer las pruebas no funciona muy bien y bueno resulta que como mi conocimiento asi como los de mis compañeros son de pura infraestructura y no de programacion pero llegamos a la conclusion de que es el archivo .css que utiliza toda la aplicacion el responsable de que la misma no funcione muy bien, por lo tanto me gustaría a ver si me pueden ayudar a hacer las modificaciones al archivo o en todo caso a guiarme para que todo funcione igual que en IE 6.0 pero en IE 7.0 aqui les pongo el .css muchas gracias de antemano
Código HTML:
html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
text-align: center;background: #C0C0C0;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
div#image{float:right;
display:inline; width:30px; height:10px;margin-bottom:15px; margin-top:30px; size:landscape; margin-right:100px}
div#linked a{
text-shadow:#FF9999;
font-weight:bold;
color: #FF0000;
padding: 5px 5px 5px 5px;
background-color:#EEEEEE;
text-decoration:none;
font-size:12px;
}
div#linked a:hover{
color: #EEEEEE;
padding: 5px 5px 5px 5px;
background:url(bgimage.jpg);
text-decoration:none;
font-size:12px;
}
div#header h1{width:70px; margin-left:70px;text-align:left; padding: 30px 0 10px;color: #FFFFFF;float:left; margin-bottom:15px;}
div#header{width:770;overflow:hidden;background: #595D66}
div#menu{width:770px; margin-left:100px;text-align:left}
style1 { margin-rigth:100px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float: right;font-size: 80%; margin-right:70px}
ul#nav li{float: left;margin-left: 3px;text-align: center}
ul#nav a{float: left;width: 115px;padding: 5px 0;background: #999999 ;text-decoration:none;color: #000000 }
ul#nav a:hover{background: #CCCCCC;color: #FFFFFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
div#container{ width:770px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background: #FFFFFF; position:fixed}
div#content{ float:right;display:inline;width:560px;margin:0 10px 10px 10px; vertical-align: top; position:fixed}
div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}
div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}
div#side{float:left;display:inline;width: 180px; margin:0 10px 10px 0}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}
div#footer{clear:both;width:750px;margin:0 10px 0;padding: 10px 0;
background: #586695;color: #FFF;text-align:center; vertical-align:bottom; azimuth:center; elevation:lower;}
div#footer p{margin:0 0 5px 0; vertical-align:baseline}
/*barra Vertical*/
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float: inherit;width:inherit ;margin:0 10px 10px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif bold;
text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
li#one h3{background: #999999;color: #333333}
ul#split div{background: #CCCCCC}
li#one div{border:2px solid; color:#999966}
.cuerporec{
border-width: 1px;
border-style: solid;
margin-top: 2px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
}
.cuerporec ul{
margin-top: 5px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 1px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
.cuerporec li{
padding-left: 12px;
font-size: 8pt;
padding-bottom: 2px;
margin-top: 1px;
margin-right: 0pt;
margin-bottom: 1px;
margin-left: 0pt;
background:#CCCCCC;
}
.cuerporec li a:hover{
background-color: #333333;
color: #666666;
}
.cuerporec a{
text-decoration: none;
color: #000000;
}
/*
estilos para categories.php
*/
div#content label{}
div#content table{ background-color: #E8E8E8; background-repeat:repeat;margin:5px 5px 5px 5px}
/* */
.style3 {
color: #0066FF;
font-size: 9px;
}
.style1 {
color: #0099CC;
font-size: smaller;
}
.style2 {
color: #333333;
font-size: 10px ;
}
body,td,th {
color: #000000;
}
.style6 {
color: #333333;
font-size: 10px ;
}