Tema: Problema con div contenedor en IE, chrome FF
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 17/01/2012, 13:31
ocarrasco20
 
Fecha de Ingreso: diciembre-2011
Ubicación: Algarrobo
Mensajes: 17
Antigüedad: 13 años
Puntos: 0
Respuesta: Problema con div contenedor en IE, chrome FF
Código css completo
Código CSS: 
Ver original
  1. /* CSS Document */
  2. * {margin:0; padding:0; border:0;}
  3. html, body {width: auto; height: auto;}
  4.  
  5. #contenedor{
  6.     width:1009px;
  7.     height:100%;
  8.     position:absolute;
  9.     left: 0px;
  10.     top: 0px;
  11.     margin: 0px;
  12.     text-align:center;
  13. }
  14. #detalles_cursos {
  15.     position:absolute;
  16.     left:0px;
  17.     top:38px;
  18.     width:751px;
  19.     height:250px;
  20.     z-index:1;
  21.     background-image: url(../img/fondo_detalle_curso.png);
  22.     background-repeat: repeat-x;
  23.     background-position: center;
  24.     visibility: visible;
  25. }
  26. #menu_region {
  27.     position:absolute;
  28.     left:751px;
  29.     top:35px;
  30.     width:255px;
  31.     height:354px;
  32.     z-index:2;
  33.     background-image: url(../img/fondo_menu_region.png);
  34.     background-repeat: no-repeat;
  35.     background-position: center center;
  36.     border-left:solid 5px #000000;
  37.     border-bottom:solid 5px #000000;
  38. }
  39. #titulo_comuna_region {
  40.     position:absolute;
  41.     left:10px;
  42.     top:4px;
  43.     width:207px;
  44.     height:95px;
  45.     z-index:1;
  46.     font-size: 14px;
  47.     text-align: left;
  48. }
  49. #menu_visitas{
  50.     position:absolute;
  51.     left:0px;
  52.     top:290px;
  53.     width:751px;
  54.     height:99px;
  55.     z-index:3;
  56.     background-image: url(../img/barra_fondo_visitas.png);
  57.     background-repeat: no-repeat;
  58.     text-align:center;
  59.     background-position: center center;
  60.     visibility: visible;
  61.     border-bottom:solid 5px #000000;
  62. }
  63. #menu_laboratorios {
  64.     position:absolute;
  65.     left:0px;
  66.     top:394px;
  67.     width:751px;
  68.     height:224px;
  69.     z-index:4;
  70.     background-image: url(../img/fondo_menu_laboratorio.png);
  71.     background-repeat: repeat;
  72. }
  73. #menu_mesa {
  74.     position:absolute;
  75.     left:752px;
  76.     top:393px;
  77.     width:255px;
  78.     height:225px;
  79.     z-index:5;
  80.     background-image: url(../img/fondo_menu_ayuda.png);
  81.     background-repeat: no-repeat;
  82.     border-left:solid 5px #000;
  83.     background-position: center center;
  84. }
  85. .lista_botones {
  86.     position:relative;
  87.     left:15px;
  88.     top:48px;
  89.     width:655px;
  90.     height:58px;
  91.     z-index:6;
  92.     text-align:center;
  93.     word-spacing: normal;
  94.     background-image: url(../img/barra_botones.png);
  95.     background-repeat: no-repeat;
  96.     padding-bottom:5px;
  97. }
  98. .estilo_boton{
  99.     font-family:Arial;
  100.     color:#FFFFFF;
  101.     background-color:#C30;
  102.     font-weight:bold;
  103.     width:120px;
  104.     margin-bottom:10px;
  105.     margin-top:10px;
  106.     margin-left:10px;
  107.     margin-right:5px;
  108.     border-top-style: solid;
  109.     border-right-style: solid;
  110.     border-bottom-style: solid;
  111.     border-left-style: solid;
  112.     border-top-color: #930;
  113.     border-right-color: #930;
  114.     border-bottom-color: #930;
  115.     border-left-color: #930;
  116.     height: 30px;
  117.     font-size: 16px;
  118. }
  119. #codigo_curso{
  120.     position:absolute;
  121.     left:8px;
  122.     top:15px;
  123.     width:36px;
  124.     height:21px;
  125.     z-index:7;
  126.     font-family:Arial;
  127.     color:#000000;
  128.     font-size:16px;
  129.     font-weight:bold;
  130. }
  131. #boton_visitas{
  132.     font-family:Verdana, Geneva, sans-serif;
  133.     font-size:18px;
  134.     color:#FFF;
  135.     font-weight:300;
  136.     width:150px;
  137.     height:70px;
  138.     margin-right:10px;
  139.     margin-top:10px;
  140.     background-image: url(../img/boton_ingresar_visita_azul.png);
  141.     background-repeat: no-repeat;
  142.     background-position: center;
  143.     border:none;
  144. }
  145. #boton_t_visitas{
  146.     background-image: url(../img/boton_todas_visitas_azul.png);
  147.     background-repeat: no-repeat;
  148.     background-position: center;
  149.     width:150px;
  150.     height:70px;
  151.     margin-right:10px;
  152.     margin-top:10px;
  153. }
  154. #boton_t_informes{
  155.     background-image: url(../img/boton_todos_informes.png);
  156.     background-repeat: no-repeat;
  157.     background-position: center;
  158.     width:150px;
  159.     height:70px;
  160.     margin-right:10px;
  161.     margin-top:10px;
  162. }
  163. #boton_t_actividades{
  164.     background-image: url(../img/boton_todas_actividades.png);
  165.     background-repeat: no-repeat;
  166.     background-position: center;
  167.     width:150px;
  168.     height:70px;
  169.     margin-right:10px;
  170.     margin-top:10px;
  171.     border:none;
  172. }
  173. #titulo_detalle_cursos {
  174.     position:absolute;
  175.     left:22px;
  176.     top:7px;
  177.     width:79px;
  178.     height:20px;
  179.     z-index:8;
  180.     font-family:Arial;
  181.     font-size:16px;
  182.     font-weight:bold;
  183.     float:left;
  184.     text-align:left;
  185. }
  186. #titulo_laboratorio {
  187.     position:absolute;
  188.     left:12px;
  189.     top:3px;
  190.     width:121px;
  191.     height:19px;
  192.     z-index:9;
  193.     font-family:Arial, Helvetica, sans-serif;
  194.     font-weight:bold;
  195.     text-align:center;
  196.     float:left;
  197. }   
  198. #titulo_capacitor {
  199.     position:absolute;
  200.     left:527px;
  201.     top:2px;
  202.     height:20px;
  203.     z-index:10;
  204.     float:right;
  205.     font-family:Arial, Helvetica, sans-serif;
  206.     font-weight:bold;
  207.     text-align:right;
  208.  
  209. }
  210. #fieldset_laboratorio{
  211.     position:absolute;
  212.     left:151px;
  213.     top:31px;
  214.     width:200px;
  215.     z-index:14;
  216.     padding-top:7px;
  217.     background-image: url(../img/fieldset_laboratorio.png);
  218.     background-repeat: no-repeat;
  219.     background-position: center center;
  220.     text-align:center;
  221.     height: 180px;
  222.     
  223. }
  224. div#fieldset_laboratorio table{
  225.     margin: 0 auto;
  226.     text-align: left;
  227. }
  228. #titulo_estado{
  229.     position:absolute;
  230.     left:10px;
  231.     top:44px;
  232.     width:163px;
  233.     height:25px;
  234.     z-index:16;
  235.     text-align:center;
  236.     font-family:Arial, Helvetica, sans-serif;
  237.     font-size:14px;
  238.     font-weight:bold;
  239. }
  240. #estado_respuesta{
  241.     position:absolute;
  242.     left:7px;
  243.     top:85px;
  244.     width:163px;
  245.     height:25px;
  246.     z-index:17;
  247.     font-family:Arial;
  248.     font-size:14px;
  249.     text-align:center;
  250. }
  251. #indicador_color{
  252.     position:absolute;
  253.     left:16px;
  254.     top:37px;
  255.     width:100px;
  256.     z-index:12;
  257.     text-align:center;
  258.     height: 150px;
  259.     border:solid 2px #000;
  260. }
  261. #fieldset_laboratorio_verde{
  262.     position:absolute;
  263.     left:369px;
  264.     top:26px;
  265.     width:164px;
  266.     height:195px;
  267.     z-index:15;
  268.     background-image: url(../img/fieldset_laboratorio_verde.png);
  269.     background-repeat: no-repeat;
  270.     text-align:center;
  271.     background-position: center center;
  272. }
  273. #grupo_botones_laboratorios {
  274.     position:absolute;
  275.     left:542px;
  276.     top:24px;
  277.     width:200px;
  278.     height:196px;
  279.     z-index:16;
  280.     text-align:center;
  281. }
  282. .estilo_boton_naranja{
  283.     margin-bottom:3px;
  284.     margin-top:3px;
  285.     margin-left:10px;
  286.     margin-right:5px;
  287.  
  288. }
  289. #boton_encargado{
  290.     background-color:#C30;
  291.     font-family:Arial;
  292.     color:#FFFFFF;
  293.     font-weight:bold;
  294.     font-size:14px;
  295.     margin: 5px;
  296.     width:150px;
  297.     height:40px;
  298.     border-top-style: solid;
  299.     border-right-style: solid;
  300.     border-bottom-style: solid;
  301.     border-left-style: solid;
  302.     border-top-color: #930;
  303.     border-right-color: #930;
  304.     border-bottom-color: #930;
  305.     border-left-color: #930;
  306. }
  307. #detalle_lab_bloque1{
  308.     position:absolute;
  309.     left:25px;
  310.     top:12px;
  311.     width:105px;
  312.     height:43px;
  313.     z-index:17;
  314. }
  315. div#detalle_lab_bloque1, div#detalle_lab_bloque2, div#detalle_lab_bloque3{
  316.     text-align:left;
  317.     font-family:Arial;
  318.     font-size:16px;
  319.     padding:5px;
  320.     padding-left:5px;
  321. }
  322. #boton_autoridades {
  323.     background-repeat: no-repeat;
  324.     background-position: center center;
  325.     height: 55px;
  326.     width: 155px;
  327. }
  328. input[type="image"]{
  329.     width:155px;
  330. }
  331. #fieldset_botones_region{
  332.     position:absolute;
  333.     left:9px;
  334.     top:87px;
  335.     width:207px;
  336.     height:260px;
  337.     z-index:17;
  338.     float: left;
  339. }
  340. input#boton_autoridades, input#boton_calendario, input#boton_contrato, input#boton_facturacion, input#boton_red_colegio{
  341.     margin-bottom:3px;
  342.  
  343. }
  344. #codigo_colegio {
  345.     position:absolute;
  346.     left:0px;
  347.     top:0px;
  348.     width:149px;
  349.     height:28px;
  350.     z-index:17;
  351.     font-family: Arial;
  352.     font-size: 16px;
  353.     font-weight: 700;
  354.     background-color: #06C;
  355.     float: left;
  356.     text-align: center;
  357.     color: #FFF;
  358.     padding-top:2px;
  359. }
  360. #municipal {
  361.     background-color: #06C;
  362.     position:absolute;
  363.     left:889px;
  364.     top:0px;
  365.     width:120px;
  366.     height:28px;
  367.     z-index:19;
  368.     font-family: Arial;
  369.     font-size: 16px;
  370.     color: #FFF;
  371.     text-align: center;
  372.     font-weight:600;
  373.     padding-top:2px;
  374. }
  375. #nombre_colegio {
  376.     position:absolute;
  377.     left:145px;
  378.     top:0px;
  379.     width:746px;
  380.     height:28px;
  381.     z-index:18;
  382.     background-color: #09C;
  383.     font-family: Arial;
  384.     font-size: 16px;
  385.     color: #FFF;
  386.     font-weight:700;
  387.     padding-top:2px;
  388. }
  389. #comuna {
  390.     position:absolute;
  391.     left:0px;
  392.     top:19px;
  393.     width:192px;
  394.     height:28px;
  395.     z-index:1;
  396.     font-family: Arial;
  397.     font-size: 14px;
  398.     text-align: left;
  399. }
  400. #boton_contactos {
  401.     height: 50px;
  402.     width: 150px;
  403.     margin: 5px;
  404. }
  405. #div_boton_contactos {
  406.     position:absolute;
  407.     left:14px;
  408.     top:138px;
  409.     width:208px;
  410.     height:51px;
  411.     z-index:1;
  412.     text-align: center;
  413.     padding: 10px;  
  414. }
  415. .encabezado_region_comuna {
  416.     font-family: Arial;
  417.     font-size: 14px;
  418.     font-weight: bold;
  419.     color: #000;
  420. }
  421. .texto_region_comuna {
  422.     font-family: Arial;
  423.     font-size: 14px;
  424.     color: #000;
  425. }
  426. .fondo_div_linea{
  427.     background-color: #A77BD3;
  428.     width:196px;
  429.     height:1px;
  430. }
  431. #titulo_mesa_ayuda{
  432.     position:absolute;
  433.     left:0px;
  434.     top:1px;
  435.     width:228px;
  436.     height:30px;
  437.     z-index:1;
  438.     font-family: Arial;
  439.     font-size: 16px;
  440.     font-weight: bold;
  441.     color: #000;
  442.     text-align: left;
  443. }
  444. #div_linea_laboratorio{
  445.     position:absolute;
  446.     left:15px;
  447.     top:23px;
  448.     width:701px;
  449.     height:1px;
  450.     z-index:1;
  451.     background-color: #003399;
  452.     width:703px;
  453.     height:1px;
  454. }
  455. #resultado_mesa_ayuda {
  456.     position:absolute;
  457.     left:-5px;
  458.     top:28px;
  459.     width:228px;
  460.     height:95px;
  461.     z-index:1;
  462.     font-family: Arial;
  463.     font-size: 16px;
  464.     font-weight: bold;
  465.     color: #000;
  466.     text-align: left;
  467.     margin-top: 5px;
  468.     margin-bottom: 5px;
  469.     margin-left: 5px;
  470. }
  471. #div_linea_cursos {
  472.     position:absolute;
  473.     left:24px;
  474.     top:27px;
  475.     width:706px;
  476.     height:1px;
  477.     z-index:1;
  478.     background-color:#003399;
  479. }
  480.     
  481. #div_linea_mesa_ayuda {
  482.     position:absolute;
  483.     left:-1px;
  484.     top:20px;
  485.     width:222px;
  486.     height:1px;
  487.     z-index:1;
  488.     background-color:#003399;
  489. }
  490. #div_encabezado {
  491.     position:absolute;
  492.     left:1px;
  493.     top:0px;
  494.     width:1009px;
  495.     height:30px;
  496.     z-index:1;
  497.     text-align: center;
  498.     float: left;
  499.     border-bottom: solid 5px #000000;
  500. }
  501. #apDiv29 {
  502.     position:absolute;
  503.     left:0px;
  504.     top:1px;
  505.     width:207px;
  506.     height:18px;
  507.     z-index:1;
  508. }
  509. #apDiv30 {
  510.     position:absolute;
  511.     left:0px;
  512.     top:21px;
  513.     width:207px;
  514.     height:19px;
  515.     z-index:2;
  516. }
  517. #apDiv31 {
  518.     position:absolute;
  519.     left:0px;
  520.     top:42px;
  521.     width:207px;
  522.     height:18px;
  523.     z-index:3;
  524. }
  525. #apDiv34 {
  526.     position:absolute;
  527.     left:1px;
  528.     top:63px;
  529.     width:205px;
  530.     height:26px;
  531.     z-index:1;
  532. }
  533. #apDiv37 {
  534.     position:absolute;
  535.     left:14px;
  536.     top:7px;
  537.     width:229px;
  538.     height:128px;
  539.     z-index:1;
  540. }