Foros del Web » Creando para Internet » CSS »

problema tamaño de div, css, no funciona en ie

Estas en el tema de problema tamaño de div, css, no funciona en ie en el foro de CSS en Foros del Web. Hola, si me pueden ayudar, tengo la siguiente situacion: en firefox me funciona bien: con ie no me funciona el code @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: ...
  #1 (permalink)  
Antiguo 26/10/2011, 14:54
Avatar de gilber966  
Fecha de Ingreso: abril-2010
Mensajes: 117
Antigüedad: 13 años, 11 meses
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
  #2 (permalink)  
Antiguo 27/10/2011, 11:38
Avatar de Oscar_Hidro  
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 12 años, 5 meses
Puntos: 25
Respuesta: problema tamaño de div, css, no funciona en ie

gilber966 que tal. Prueba lo siguiente.

Inserta tambien en la etiqueta <HTML> el height al 100%

Código HTML:
Ver original
  1. <html height:100%>
  2. .
  3. .
  4. .
  5. .
  6. .
  7. </html>
  8.  
  9. Si el div #subm, esta dentro de otro div, declara a ese div con position:absolute;
  10.  
  11. Espero te sirva hermano.
  12.  
  13. Saludos
  #3 (permalink)  
Antiguo 27/10/2011, 12:00
Avatar de gilber966  
Fecha de Ingreso: abril-2010
Mensajes: 117
Antigüedad: 13 años, 11 meses
Puntos: 4
Respuesta: problema tamaño de div, css, no funciona en ie

Cita:
Iniciado por Oscar_Hidro Ver Mensaje
gilber966 que tal. Prueba lo siguiente.

Inserta tambien en la etiqueta <HTML> el height al 100%

Código HTML:
Ver original
  1. <html height:100%>
  2. .
  3. .
  4. .
  5. .
  6. .
  7. </html>
  8.  
  9. Si el div #subm, esta dentro de otro div, declara a ese div con position:absolute;
  10.  
  11. Espero te sirva hermano.
  12.  
  13. Saludos
  14.  
  15. gracias me funciono con [I]relative[/I] sin embargo el div pie se desalinea del menu superior en ie.
  #4 (permalink)  
Antiguo 27/10/2011, 12:01
Avatar de gilber966  
Fecha de Ingreso: abril-2010
Mensajes: 117
Antigüedad: 13 años, 11 meses
Puntos: 4
Respuesta: problema tamaño de div, css, no funciona en ie

gracias me funciono con relative sin embargo el div pie se desalinea del menu superior en ie.
  #5 (permalink)  
Antiguo 27/10/2011, 12:26
Avatar de Oscar_Hidro  
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 12 años, 5 meses
Puntos: 25
Respuesta: problema tamaño de div, css, no funciona en ie

Podrias poner una imagen de lo q t hizo?
  #6 (permalink)  
Antiguo 27/10/2011, 12:46
Avatar de Oscar_Hidro  
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 12 años, 5 meses
Puntos: 25
Respuesta: problema tamaño de div, css, no funciona en ie

Hermano, prueba lo siguiente. Elimina las etiquetas <center>

Código HTML:
Ver original
  1. <center>
  2. <div id="subm" name="subm"  >
  3.  
  4. </div>
  5.   </center>

y dejalo asi

Código HTML:
Ver original
  1. <div id="subm" name="subm"  >
  2.  
  3. </div>
  #7 (permalink)  
Antiguo 27/10/2011, 18:22
Avatar de gilber966  
Fecha de Ingreso: abril-2010
Mensajes: 117
Antigüedad: 13 años, 11 meses
Puntos: 4
Respuesta: problema tamaño de div, css, no funciona en ie

http://cccloud.herobo.com/gestec/subservicios.php

pues asi quedo por ahora.

muchas gracias

Etiquetas: firefox, hover, html, tamaño, fondo
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 13:53.