Foros del Web » Creando para Internet » CSS »

como hago para que se vea bien en IE

Estas en el tema de como hago para que se vea bien en IE en el foro de CSS en Foros del Web. hola, he hecho esto en css #toolbar { position: fixed; bottom:0; z-index:5; } y en firefox se ve bien pero en ie no, como lo ...
  #1 (permalink)  
Antiguo 25/06/2009, 06:23
 
Fecha de Ingreso: marzo-2009
Mensajes: 70
Antigüedad: 8 años, 8 meses
Puntos: 0
como hago para que se vea bien en IE

hola, he hecho esto en css

#toolbar {
position: fixed;
bottom:0;
z-index:5;
}

y en firefox se ve bien pero en ie no, como lo puedo solucionar gracias
  #2 (permalink)  
Antiguo 25/06/2009, 06:26
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 3 meses
Puntos: 2113
Respuesta: como hago para que se vea bien en IE

En www.araudi.net hay un ejemplo para solucionar eso.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 25/06/2009, 07:49
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: como hago para que se vea bien en IE

Hola puedes cambiar la posición de #toolbar a absoluta para ie6 con un condicional o con un hack como este:

* html #toolbar {
position: absolute;
}

Si quieres que tu css sea válida usa una hoja de estilos aparte para ie6 y enlázala con un condicional.

Salud!
  #4 (permalink)  
Antiguo 26/06/2009, 06:23
 
Fecha de Ingreso: marzo-2009
Mensajes: 70
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: como hago para que se vea bien en IE

ok merci, voy a probar
  #5 (permalink)  
Antiguo 26/06/2009, 12:48
 
Fecha de Ingreso: marzo-2009
Mensajes: 70
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: como hago para que se vea bien en IE

sigue sin funcionar, en ie, se queda fija al final, si se ha de bajar la pagina, no va
  #6 (permalink)  
Antiguo 26/06/2009, 13:31
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: como hago para que se vea bien en IE

Debería, porque ie6 confunde absolute con fixed. Míra como está hecho en esta página.

Salud!
  #7 (permalink)  
Antiguo 26/06/2009, 14:55
 
Fecha de Ingreso: marzo-2009
Mensajes: 70
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: como hago para que se vea bien en IE

lo malo es que uso ie8
  #8 (permalink)  
Antiguo 26/06/2009, 16:29
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: como hago para que se vea bien en IE

Entonces no deberías tener el problema que planteas en tu primer post, este navegador teine solucionado el problema que te comenté antes con la posición fija. Precisamente estoy acabando una maqueta con un pie fijo donde puedes comprobar que funciona en ie8, es esta. Si te sirve el código cópialo tranquilamente. De todos modos si nos dejas ver tu código o nos das un enlace para poder ver el problema te podemos ayudar mejor, todo esto aparte de detallar un poco más cual es el problema exactamente y así no andamos especulando.

Salud!
  #9 (permalink)  
Antiguo 27/06/2009, 05:47
 
Fecha de Ingreso: marzo-2009
Mensajes: 70
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: como hago para que se vea bien en IE

el codigo que yo uso es este, en mozilla se ve bien pero en ie8 no

Código:
#barrablue {
background:#32558F none repeat scroll 0 0;
bottom:0;
height:29px;
left:0;
margin:0;
min-height:29px;
position:fixed;
text-align:center;
width:100%;
z-index:99999;
}

.encabezado{
	color:#FFF;
	font-family:Verdana,Arial,sans-serif;
	font-size:13px;
	font-weight:bold;	
}
<div id="barrablue">
<span class="encabezado">
Bienvenido a SoftyHard
</span>
</div>
El error esta en que quiero una barra similar a la que tu tienes en la pagina esa de albertogarcia, y lo que ocurre es que en mozilla se ve bien pero en ie8 no, por cierto con tu codigo se ve perfecto. pero en el mio donde esta el error?
gracias

Última edición por kaiser07; 27/06/2009 a las 06:09 Razón: explicar el error
  #10 (permalink)  
Antiguo 27/06/2009, 09:58
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: como hago para que se vea bien en IE

Con el último código que posteas si se ve bien, ahora mi pregunta es si tienes un dtd definido en el documento, debería ser algo así:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
valga decir que esto en IE6 no va a funcionar ya que no entiende la propiedad fixed. Para eso mejor utilizas este ejemplo que hizo mikmoro
__________________
WFC
codigo82
  #11 (permalink)  
Antiguo 27/06/2009, 10:06
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: como hago para que se vea bien en IE

Adaptando el código de Mikmoro a tu código(obviamente mas o menos), esto te puede servir:

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
  3. <head>
  4. <title>Ejemplo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <meta name="Keywords" content="recursos, css, diseño web, xhtml, software libre" />
  7. <meta name="Description" content="Posicion fija para IE6 (fixed) - Recursos CSS - araudi.net" />
  8. <meta name="Author" content="Mikel Morote Donazar - Praxis Iru&ntilde;ea SLL" />
  9. <meta name="Subject" content="Recursos CSS" />
  10. <meta name="Language" content="espa&ntilde;ol" />
  11. <meta name="Robots" content="index, follow" />
  12. <link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice de contenidos" media="all" lang="es" />
  13. <style type="text/css">
  14. * {margin:0; padding:0;}
  15. html, body {width:100%;
  16. height:100%;
  17. overflow:hidden;
  18. }
  19. #contenido {width:100%;
  20. height:100%;
  21. overflow: auto;
  22. }
  23. #barrablue {
  24. background:#32558F none repeat scroll 0 0;
  25. position:absolute;
  26. width:100%;
  27. height:200px;
  28. bottom:0;
  29. height:29px;
  30. left:0;
  31. margin:0;
  32. min-height:29px;
  33. text-align:center;
  34. width:100%;
  35. z-index:99999;
  36. }
  37. .encabezado{
  38.     color:#FFF;
  39.     font-family:Verdana,Arial,sans-serif;
  40.     font-size:13px;
  41.     font-weight:bold;  
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <div id="contenido">
  47. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  48. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  49. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  50. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  51. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  52. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  53. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  54. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  55. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  56. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  57. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  58. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  59. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  60. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  61. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  62. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  63. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  64. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  65. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  66. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  67. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  68. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  69. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  70. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  71. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  72. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  73. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  74. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  75. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  76. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  77. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  78. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  79. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  80. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  81. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  82. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  83. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  84. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  85. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  86. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  87. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  88. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  89. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  90. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  91. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  92. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  93. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  94. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  95. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  96. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  97. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  98. <p>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</p>
  99. </div>
  100. <div id="barrablue"><span class="encabezado">Bienvenido a SoftyHard</span></div>
  101. </body>
  102. </html>

Espere que te sea de ayuda, este sería con el código del vínculo que te pase en el post anterior.
__________________
WFC
codigo82
  #12 (permalink)  
Antiguo 27/06/2009, 12:47
 
Fecha de Ingreso: marzo-2009
Mensajes: 70
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: como hago para que se vea bien en IE

gracias a todos.
@ willyfc-> va de lujo gracias
  #13 (permalink)  
Antiguo 27/06/2009, 13:05
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: como hago para que se vea bien en IE

Que bueno que te sirvió
__________________
WFC
codigo82
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 19:39.