Tema: problema tamaño de div, css, no funciona en ie
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/10/2011, 14:54
Avatar de gilber966
gilber966
 
Fecha de Ingreso: abril-2010
Mensajes: 117
Antigüedad: 14 años
Puntos: 4
problema tamaño de div, css, no funciona en ie
Hola, si me pueden ayudar, tengo la siguiente situacion:

en firefox me funciona bien:


con ie no me funciona


el code
Código CSS: 
Ver original
  1. #menuListHoriz li {
  2.   list-style: none;
  3.   display: inline;/* Es necesario para que los elementos de la lista se situen uno tras otro (horizontalidad) */
  4. }
  5.  
  6.  #menuListHoriz {
  7.    border: 1px solid #0000FF;
  8.      background-color: #003399;
  9.   height:3%;
  10.   width:90%;
  11.   margin-top: +15px;
  12.   margin:auto;
  13.  
  14.  }
  15.  
  16. #menuListHoriz li a, #menuList1 li a:focus {
  17.   list-style: none;
  18.   background-color: #99CCCC;
  19.   border: 1px solid #0000FF;
  20.   padding:5px;
  21.   text-decoration: none;
  22.   color: #000;
  23.   font-family: Verdana,Arial,Helvetica;
  24.   font-size: 12px;
  25.   font-weight:bold;
  26.   
  27.  
  28.   
  29.   
  30. }
  31.  
  32. #menuListHoriz li a:hover {
  33.   background-color: #003399;
  34.   border-color: #FFF;
  35.   color: #FFCC00;
  36.  
  37. }
  38. #menutar {
  39.   list-style: none;
  40.   display: inline;
  41.   font-size: 12px;
  42.   
  43.   height:80%;
  44.   width:90%;
  45. }
  46. div#men{
  47.  
  48. }
  49. /* este es el div que me da el problema principal*-----------------------------------------------*/
  50. div#subm{
  51.        margin:auto;
  52.        height:70%;
  53.        width:80%;
  54.        background-color:#EFEFEF;
  55.        border-style:solid;
  56.        border-width:1px;
  57.        border-color:#000000;
  58.        padding:3px;
  59.        margin-top:15px;
  60. }
  61. div#pie{
  62.   margin:auto;
  63.   height:3%;
  64.   width:90%;
  65.        background-color:#EFEFEF;
  66.        border-style:solid;
  67.        border-width:1px;
  68.        border-color:#000000;
  69.        margin-top:5px;
  70.        background-color: #003399;
  71. }

Código HTML: 
Ver original
  1. <body onload="cloading('miz', 'miz.php')">
  2.  
  3. <div id="men" name="men"><center>
  4. <ul id="menutar">
  5. <input type="radio" name="tar" id="tar" value="celulares" checked="true">celulares
  6. <input type="radio" name="tar" id="tar" value="computadores" >computadores
  7. <input type="radio" name="tar" id="tar" value="equipos" >equipos sonido
  8. <input type="radio" name="tar" id="tar" value="camaras" >camaras
  9. <input type="radio" name="tar" id="tar" value="mp3-mp4" >mp3-mp4
  10. <input type="radio" name="tar" id="tar" value="televisores" >televisores
  11. <input type="radio" name="tar" id="tar" value="impresoras" >impresoras
  12. <input type="radio" name="tar" id="tar" value="licuadoras" >licuadoras
  13. <input type="button" id="pred" name="pred" value="Predeterminar">
  14. </ul><br>
  15. <ul id="menuListHoriz">
  16.   <li><a href='#' rel='nofollow' onclick="cloading('subm','nservicios.php','this')">Adicionar</a></li>
  17.   <li><a href='#' rel='nofollow' onclick=' '>Consultar</a></li>
  18.   <li><a href='#' rel='nofollow' onclick=' '>Modificar</a></li>
  19.   <li><a href='#' rel='nofollow' onclick=' '>Reporte dia</a></li>
  20.   <li><a href='#' rel='nofollow' onclick=' '>Reporte general</a></li>
  21.   <li><a href='#' rel='nofollow' onclick=' '>Reporte por tecnico</a></li>
  22.   <li><a href='#' rel='nofollow' onclick=' '>Administracion</a></li>
  23.   <li><a href='#' rel='nofollow' onclick=' '>Iniciar proceso</a></li>
  24.   <li><a href='#' rel='nofollow' onclick=' '>Cerrar session</a></li>
  25. </ul> 
  26. </center>
  27. </div>
  28. <center>
  29. <div id="subm" name="subm"  >
  30.  
  31. </div>
  32.   </center>
  33.   
  34.   <div id="pie" name="pie"> 
  35. <font size="2">Bienvenido al modulo de gestion de servicio tecnico, este modulo le permitira llevar un control preciso de los servicios que 
  36. tu empresa presta asi como otras variavles que aprenderas durante el uso del mismo.</font>
  37.   
  38.   </div>
  39.  
  40. </BODY>
  41. </html>
Cmo pueden ver el tamaño del div es pequeño en ie, y bien en firefox.
muchas gracias, espero su ayuda, creo q esta por el lado de los porcentajes en css pero no he logrado dar con el chiste
Última edición por gilber966; 26/10/2011 a las 15:14