Foros del Web » Creando para Internet » CSS »

URGENTE: Problema con IE 7

Estas en el tema de URGENTE: Problema con IE 7 en el foro de CSS en Foros del Web. Hola amigos, bueno ahora ya pude solucionar varios problemas pero ahora presento uno con IE 7 y no se como reparlo, el problema es que ...
  #1 (permalink)  
Antiguo 17/06/2010, 09:15
 
Fecha de Ingreso: enero-2010
Mensajes: 113
Antigüedad: 7 años, 10 meses
Puntos: 2
Exclamación URGENTE: Problema con IE 7

Hola amigos,

bueno ahora ya pude solucionar varios problemas pero ahora presento uno con IE 7 y no se como reparlo, el problema es que en IE 7 no se ve el contenido del menu desplegable.

Css para IE 7:

Código CSS:
Ver original
  1. body
  2. {
  3. background: #DCDCDC url("../img/fondo.jpg") center 0 no-repeat;
  4. font-family: Verdana, Sans-Serif;
  5. font-size: 12px;
  6. }
  7. #Contenedor {
  8.     position: relative;
  9.     width: 1002px;
  10.     height: auto;
  11.     overflow: hidden;
  12.     left: 50%;
  13.     margin-left: -501px;
  14.     }
  15. #Cabezal {
  16.     position: relative;
  17.     width: 1002px;
  18.     height: auto;
  19.     overflow: hidden;
  20.     float: center;
  21.     top: -8px;
  22.     }
  23. #BolaLogo {
  24.     position: relative;
  25.     width: 130px;
  26.     height: 121px;
  27.     float: left;
  28.     }
  29. #TextoLogo {
  30.     position: relative;
  31.     width: 652px;
  32.     height: 34px;
  33.     float: left;
  34.     top: 5px;
  35.     }
  36. #Publicidad {
  37.     position: relative;
  38.     width: 500px;
  39.     height: 80px;
  40.     float: left;
  41.     overflow: hidden;
  42.     top: 5px;
  43.     text-align: center;
  44.     background: url("../img/publicidad.png");
  45.     }
  46. #PubDentro {
  47.     position: relative;
  48.     top: 10px;
  49.     }
  50. #Menu {
  51.     position: relative;
  52.     width: 1002px;
  53.     height: 40px;
  54.     list-style:none;
  55.     left: 50%;
  56.     margin-left: -501px;
  57.     }
  58. #Cerrar {
  59.     position: relative;
  60.     width: 500px;
  61.     height: 15px;
  62.     float: center;
  63.     left: 150px;
  64.     text-align: center;
  65.     }
  66. #Television a{
  67.     background-image:url('../img/menu.png');
  68.     display: block;
  69.     float: left;
  70.     width: 175px;
  71.     height: 40px;
  72.     }
  73. #Deportes a{
  74.     background-image:url('../img/menu.png');
  75.     background-position: -178px 0px;
  76.     display: block;
  77.     float: left;
  78.     width: 105px;
  79.     height: 40px;
  80.     }
  81. #Infantiles a{
  82.     background-image:url('../img/menu.png');
  83.     background-position: -283px 0px;
  84.     display: block;
  85.     float: left;
  86.     width: 199px;
  87.     height: 40px;
  88.     }
  89. #Variados a{
  90.     background-image:url('../img/menu.png');
  91.     background-position: -482px 0px;
  92.     display: block;
  93.     float: left;
  94.     width: 100px;
  95.     height: 40px;
  96.     }
  97. #Peliculas a{
  98.     background-image:url('../img/menu.png');
  99.     background-position: -582px 0px;
  100.     display: block;
  101.     float: left;
  102.     width: 95px;
  103.     height: 40px;
  104.     }
  105. #Series a{
  106.     background-image:url('../img/menu.png');
  107.     background-position: -677px 0px;
  108.     display: block;
  109.     float: left;
  110.     width: 153px;
  111.     height: 40px;
  112.     }
  113. #Emisoras a{
  114.     background-image:url('../img/menu.png');
  115.     background-position: -830px 0px;
  116.     display: block;
  117.     float: left;
  118.     width: 172px;
  119.     height: 40px;
  120.     }
  121. #Television a:hover{
  122.     background-image:url('../img/menu.png');
  123.     background-position: 0px -41px;
  124.     display: block;
  125.     float: left;
  126.     width: 175px;
  127.     height: 40px;
  128.     }
  129. #Deportes a:hover{
  130.     background-image:url('../img/menu.png');
  131.     background-position: -178px -41px;
  132.     display: block;
  133.     float: left;
  134.     width: 105px;
  135.     height: 40px;
  136.     }
  137. #Infantiles a:hover{
  138.     background-image:url('../img/menu.png');
  139.     background-position: -283px -41px;
  140.     display: block;
  141.     float: left;
  142.     width: 199px;
  143.     height: 40px;
  144.     }
  145. #Variados a:hover{
  146.     background-image:url('../img/menu.png');
  147.     background-position: -482px -41px;
  148.     display: block;
  149.     float: left;
  150.     width: 100px;
  151.     height: 40px;
  152.     }
  153. #Peliculas a:hover{
  154.     background-image:url('../img/menu.png');
  155.     background-position: -582px -41px;
  156.     display: block;
  157.     float: left;
  158.     width: 95px;
  159.     height: 40px;
  160.     }
  161. #Series a:hover{
  162.     background-image:url('../img/menu.png');
  163.     background-position: -677px -41px;
  164.     display: block;
  165.     float: left;
  166.     width: 153px;
  167.     height: 40px;
  168.     }
  169. #Emisoras a:hover{
  170.     background-image:url('../img/menu.png');
  171.     background-position: -830px -41px;
  172.     display: block;
  173.     float: left;
  174.     width: 172px;
  175.     height: 40px;
  176.     }
  177. #ContenidoTe {
  178.     position: relative;
  179.     width: 800px;
  180.     height: auto;
  181.     overflow:hidden;
  182.     left: 5px;
  183.     top: -2px;
  184.     background: url("../img/fondomenu.png");
  185.     display: none;
  186.     border-radius-bottom-right: 10px;
  187.     border-radius-bottom-left: 10px;
  188.     -webkit-border-radius-bottom-right: 10px;
  189.     -webkit-border-radius-bottom-left: 10px;
  190.     -moz-border-radius-bottomright: 10px;
  191.     -moz-border-radius-bottomleft: 10px;
  192.     border: 1px solid #000;
  193.     border-top: 0px;
  194.     z-index: 1;
  195.     }
  196. #ContenidoDe {
  197.     position: relative;
  198.     width: 800px;
  199.     height: auto;
  200.     overflow:hidden;
  201.     left: 120px;
  202.     top: -2px;
  203.     background: url("../img/fondomenu.png");
  204.     display: none;
  205.     border-radius-bottom-right: 10px;
  206.     border-radius-bottom-left: 10px;
  207.     -webkit-border-radius-bottom-right: 10px;
  208.     -webkit-border-radius-bottom-left: 10px;
  209.     -moz-border-radius-bottomright: 10px;
  210.     -moz-border-radius-bottomleft: 10px;
  211.     border: 1px solid #000;
  212.     border-top: 0px;
  213.     z-index: 1;
  214.     }
  215. #ContenidoIn {
  216.     position: relative;
  217.     width: 800px;
  218.     height: auto;
  219.     overflow:hidden;
  220.     top: -2px;
  221.     background: url("../img/fondomenu.png");
  222.     left: 125px;
  223.     display: none;
  224.     border-radius-bottom-right: 10px;
  225.     border-radius-bottom-left: 10px;
  226.     -webkit-border-radius-bottom-right: 10px;
  227.     -webkit-border-radius-bottom-left: 10px;
  228.     -moz-border-radius-bottomright: 10px;
  229.     -moz-border-radius-bottomleft: 10px;
  230.     border: 1px solid #000;
  231.     border-top: 0px;
  232.     z-index: 1;
  233.     }
  234. #ContenidoVa {
  235.     position: relative;
  236.     width: 800px;
  237.     height: auto;
  238.     overflow:hidden;
  239.     top: -2px;
  240.     background: url("../img/fondomenu.png");
  241.     left: 130px;
  242.     display: none;
  243.     border-radius-bottom-right: 10px;
  244.     border-radius-bottom-left: 10px;
  245.     -webkit-border-radius-bottom-right: 10px;
  246.     -webkit-border-radius-bottom-left: 10px;
  247.     -moz-border-radius-bottomright: 10px;
  248.     -moz-border-radius-bottomleft: 10px;
  249.     border: 1px solid #000;
  250.     border-top: 0px;
  251.     z-index: 1;
  252.     }
  253. #ContenidoPe {
  254.     position: relative;
  255.     width: 800px;
  256.     height: auto;
  257.     overflow:hidden;
  258.     top: -2px;
  259.     background: url("../img/fondomenu.png");
  260.     left: 135px;
  261.     display: none;
  262.     border-radius-bottom-right: 10px;
  263.     border-radius-bottom-left: 10px;
  264.     -webkit-border-radius-bottom-right: 10px;
  265.     -webkit-border-radius-bottom-left: 10px;
  266.     -moz-border-radius-bottomright: 10px;
  267.     -moz-border-radius-bottomleft: 10px;
  268.     border: 1px solid #000;
  269.     border-top: 0px;
  270.     z-index: 1;
  271.     }
  272. #ContenidoSe {
  273.     position: relative;
  274.     width: 800px;
  275.     height: auto;
  276.     overflow:hidden;
  277.     top: -2px;
  278.     background: url("../img/fondomenu.png");
  279.     left: 140px;
  280.     display: none;
  281.     border-radius-bottom-right: 10px;
  282.     border-radius-bottom-left: 10px;
  283.     -webkit-border-radius-bottom-right: 10px;
  284.     -webkit-border-radius-bottom-left: 10px;
  285.     -moz-border-radius-bottomright: 10px;
  286.     -moz-border-radius-bottomleft: 10px;
  287.     border: 1px solid #000;
  288.     border-top: 0px;
  289.     z-index: 1;
  290.     }
  291. #ContenidoEm {
  292.     position: relative;
  293.     width: 800px;
  294.     height: auto;
  295.     overflow:hidden;
  296.     top: -2px;
  297.     background: url("../img/fondomenu.png");
  298.     left: 190px;
  299.     display: none;
  300.     border-radius-bottom-right: 10px;
  301.     border-radius-bottom-left: 10px;
  302.     -webkit-border-radius-bottom-right: 10px;
  303.     -webkit-border-radius-bottom-left: 10px;
  304.     -moz-border-radius-bottomright: 10px;
  305.     -moz-border-radius-bottomleft: 10px;
  306.     border: 1px solid #000;
  307.     border-top: 0px;
  308.     z-index: 1;
  309.     }
  310. .Organizado {
  311.     position: relative;
  312.     width: 800px;
  313.     left: 0px;
  314.     z-index: 2;
  315.     }
  316. .Canalito {
  317.     font-weight: bold;
  318.     font-size: 12px;
  319.     text-align: left;
  320.     width: 100px;
  321.     margin: 10px;
  322.     float: left;
  323.     }
  324. .Canalito:hover {
  325.     text-decoration: none;
  326.     border: 0px;
  327.     color: #000;
  328.     }
  329. .Canalito a:link {
  330.     text-decoration: none;
  331.     border: 0px;
  332.     color: #000;
  333.     }
  334. .Canalito a:visited {
  335.     text-decoration: none;
  336.     border: 0px;
  337.     color: #000;
  338.     }
  339. .Canalito a:active {
  340.     text-decoration: none;
  341.     border: 0px;
  342.     color: #000;
  343.    
  344.     }
  345. #Imgcanalito {
  346.     position: relative;
  347.     top: 2px;
  348.     float: right;
  349.     }
  350. #Cuerpo {
  351.     position: relative;
  352.     width: 1002px;
  353.     overflow:hidden;
  354.     top: 10px;
  355.     left: 50%;
  356.     margin-left: -503px;
  357.     background: #FFF;
  358.     background-repeat:repeat-x;
  359.     border-radius: 3px;
  360.     border-radius: 3px;
  361.     -webkit-border-radius: 3px;
  362.     -webkit-border-radius: 3px;
  363.     -moz-border-radius: 3px;
  364.     -moz-border-radius: 3px;
  365.     border: 1px solid #838383;
  366. }
  367. .Video {
  368.     position: relative;
  369.     width: 500px;
  370.     height: 355px;
  371.     float: left;
  372.     background: url("../img/fondovideo.png");
  373.     text-align: center;
  374.     }
  375. #Video {
  376.     position: relative;
  377.     margin: 5px;
  378.     }
  379. #Opciones {
  380.     position: relative;
  381.     width: 550px;
  382.     height: 28px;
  383.     left: -25px;
  384.     text-align: center;
  385.     }
  386. .Chat {
  387.     position: relative;
  388.     width: 500px;
  389.     height: 355px;
  390.     float: right;
  391.     background: url("../img/fondochat.png");
  392.     text-align: center;
  393.     }
  394. #Chat {
  395.     position: relative;
  396.     top: 20px;
  397.     margin: 5px;
  398.     }
  399. #PubliGrande {
  400.     position: relative;
  401.     float: center;
  402.     text-align: center;
  403.     margin: 10px;
  404.     }
  405. #PublicidadAbajo {
  406.     position: relative;
  407.     float: center;
  408.     top: 20px;
  409.     color: #DCDCDC;
  410.     height: 100px;
  411.     width: 1002px;
  412.     }
  413. #Footer {
  414.     position: relative;
  415.     width: 1002px;
  416.     height: 82px;
  417.     overflow: hidden;
  418.     background: url("../img/footer.png");
  419.     top: 12px;
  420.     }
  421. #Contador {
  422.     position: relative;
  423.     width: 85px;
  424.     height: 15px;
  425.     float: center;
  426.     margin-left: 455px;
  427.     top: 10px;
  428.     }
  429. #Copyright {
  430.     position: relative;
  431.     top: 30px;
  432.     }

pueden ver la pagina aqui:

http://www.tu-tv.net

Screens:

IE 8:



IE 7:



Espero puedan ayudarme,

Gracias,

Hasta pronto.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:21.