Foros del Web » Creando para Internet » CSS »

Problema visualizacion IE CSS

Estas en el tema de Problema visualizacion IE CSS en el foro de CSS en Foros del Web. Hola a [email protected], tengo un problema con mi pagina web, estoy aprendiendo a maquetar en DIVS, y en firefox,chrome y IE seven muy bien, pero ...
  #1 (permalink)  
Antiguo 24/02/2010, 07:17
 
Fecha de Ingreso: octubre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta Problema visualizacion IE CSS

Hola a [email protected], tengo un problema con mi pagina web, estoy aprendiendo a maquetar en DIVS, y en firefox,chrome y IE seven muy bien,

pero el problema radica en IE cuando maximizo o cambio de tamaño la ventana el menu desaparece y me toca acualizar, la verdad nse cual sea el problema en el CSS asi que veanlo por ustedes mismos.

Esta es mi pagina: http://www.xpressive-studio.com/home/


Pruebenlo en los distintos exploradoress y por ultimo en IE.
cabe notar que apenas la estoy preparando en resolucion 1280*1024 por ahora nose como se vera en las demas resoluciones.

Tambien la cabezera la trabaje con imagenes que se mueven al contacto con el mouse para asi mostrar un efecto hover sin recargar la web.

Espero me puedan ayudar la verdad nose en que fallo.
gracias.

ACA el HTML de la cabezera.

Código HTML:
Ver original
  1. <div id="cabeza">
  2.  
  3.    <div id="botonera">
  4.        
  5.      <div id="logo"><p><a href="index.html">logo</a></p></div>
  6.      <div id="servicios"><p><a class="principal" href="#">inicio</a></p></div>
  7.      <div id="portafolio"><p><a class="principal4" href="#">portafolio</a></p></div>
  8.      <div id="contacto"><p><a  class="principal5" href="#">contacto</a></p></div>
  9.      <div id="acerca"><p><a class="principal2" href="#">acerca</a></p></div>
  10.            
  11.   </div>
  12. </div>

ACA el CSS

Código CSS:
Ver original
  1. /************************** BOTONERA**************************/
  2.  
  3. #botonera{ height:121px;}
  4.  
  5. #cabeza{ height:121px; background:url(../images/cabeza.png) no-repeat;  width:1020px;}
  6.  
  7. #logo{ width:368px;
  8.     height:121px;
  9.     float:left;
  10. }
  11.  
  12. #acerca, #servicios, #portafolio, #contacto{ background-repeat:no-repeat; float:left; }
  13.        
  14. #cabeza p a{ display: block;
  15.              position: relative;
  16.              text-indent: -9999px;
  17.              height:121px; }
  18.          
  19.  
  20. /************************   MOUSE OVER *****************************/
  21.  
  22. a.principal{
  23. display: block;
  24. text-decoration: none;
  25. background: url(../images/servicios.png) no-repeat left top;
  26. width:139px;
  27. margin-left:4px;
  28. }
  29. a.principal:hover {background-position: left bottom;
  30. }
  31. /****************************************/
  32. a.principal2{
  33. display: block;
  34. text-decoration: none;
  35. background: url(../images/acerca.png) no-repeat left top;
  36. width:139px;
  37. margin-left:8px;
  38. }
  39. a.principal2:hover {background-position: left bottom;}
  40. /*******************************************/
  41. /*a.principal3{
  42. display: block;
  43. text-decoration: none;
  44. background: url(../images/serviciosprueba.jpg) no-repeat left top;
  45. width:139px;
  46. }
  47. a.principal3:hover {background-position: left bottom;
  48. }*/
  49. /*******************************************/
  50. a.principal4{
  51. display: block;
  52. text-decoration: none;
  53. background: url(../images/portafolio.png) no-repeat left top;
  54. width:139px;
  55. margin-left:5px;
  56. }
  57. a.principal4:hover {background-position: left bottom;}
  58. /**********************************************/
  59. a.principal5{
  60. display: block;
  61. text-decoration: none;
  62. background: url(../images/contacto.png) no-repeat left top;
  63. margin-left:12px;
  64. height:121px; width:139px;
  65. }
  66. a.principal5:hover {background-position: left bottom;
  67. }

Última edición por argoz1022; 24/02/2010 a las 07:22
  #2 (permalink)  
Antiguo 24/02/2010, 07:18
 
Fecha de Ingreso: octubre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Problema visualizacion IE CSS

Ya lo arregle....

Última edición por argoz1022; 24/02/2010 a las 14:27

Etiquetas: visualizacion
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 21:11.