Tema: Css e Internet Explorer
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/04/2010, 16:35
wilsonss22
 
Fecha de Ingreso: abril-2010
Mensajes: 1
Antigüedad: 14 años
Puntos: 0
Desacuerdo Problemas de Css en Internet Explorer
Hola a todos! :)
mi problema es el siguiente:
estoy diseñando una pagina de myspace con codigo html y css (el codigo lo ingreso en la seccion acerca de...)

mi dilema es puntualmente con una especie de menu que hice con una tabla, y una serie de gifs transparentes en cada celda, los cuales los uso para diferentes links. esta tabla la coloco por encima de una imagen principal, cuadrando exacto sobre los nombres de los links.
lo pruebo en todos los navegadores mas usados (Firefox, Chrome, Opera y Safari), y cuando lo veo en Internet Explorer aparece el problema.
el problema justamente es la ubicacion de la tabla en la pagina. en IE me aparece en una ubicacion totalmente erronea, y ademas distorsiona la ubicacion de otro monton de cosas.

Mi codigo es este (los comentarios los coloco asi porque de otra forma myspace los elimina):

Código HTML: 
Ver original
  1. <style><!------------------TABLA DEL MENU-LINKS-----------------></style>
  2. <div class="joomblybanner2">
  3. <table>
  4. <tr>
  5.  
  6. <style><!-----------------------Link Facebook-----------------------></style>
  7. <td>
  8. <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9HTE9SSUFOQUgvMzE0MDA2MTE3NTYwP3JlZj1tZg==" target="_blank">
  9. <img src="http://img30.imageshack.us/img30/8982/facetrans.gif" border="0" />
  10. </a>
  11. </td>
  12. <style><!-----------------------Link Facebook-----------------------></style>
  13. <td>&nbsp;&nbsp;</td>
  14.  
  15.  
  16. <style><!-------------------------Link Fotos--------------------------></style>
  17. <td>
  18. <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=507466340" target="_blank">
  19. <img src="http://img30.imageshack.us/img30/4104/fotostrans.gif" border="0" />
  20. </a>
  21. </td>
  22. <style><!-------------------------Link Fotos--------------------------></style>
  23. <td>&nbsp;&nbsp;&nbsp;</td>
  24.  
  25.  
  26. <style><!--------------------Link Enviar mensaje---------------------></style>
  27. <td>
  28. <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD01MDc0NjYzNDA=" target="_blank">
  29. <img src="http://img64.imageshack.us/img64/8396/envmsjtrans.gif" border="0" />
  30. </a>
  31. </td>
  32. <style><!--------------------Link Enviar mensaje---------------------></style>
  33. <td>&nbsp;&nbsp;&nbsp;</td>
  34.  
  35.  
  36. <style><!--------------------Link Añadir amigos---------------------></style>
  37. <td>
  38. <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDc0NjYzNDA=" target="_blank">
  39. <img src="http://img64.imageshack.us/img64/2879/addfriendtrans.gif" border="0" />
  40. </a>
  41. </td>
  42. <style><!--------------------Link Añadir amigos---------------------></style>
  43. <td>&nbsp;</td>
  44.  
  45. <style><!------------------------Link Favoritos-----------------------></style>
  46. <td>
  47. <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9NTA3NDY2MzQwJnB1YmxpYz0w" target="_blank">
  48. <img src="http://img638.imageshack.us/img638/9657/favoritostrans.gif" border="0" />
  49. </a>
  50. </td>
  51. <style><!------------------------Link Favoritos-----------------------></style>
  52. <td>&nbsp;</td>
  53.  
  54. <style><!-------------------------Link Videos-----------------------></style>
  55. <td>
  56. <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=41104316" target="_blank">
  57. <img src="http://img717.imageshack.us/img717/3626/videostrans.gif" border="0" />
  58. </a>
  59. </td>
  60. <style><!-------------------------Link Videos-----------------------></style>
  61. <td>&nbsp;&nbsp;&nbsp;</td>
  62.  
  63. <style><!-------------------------Link Youtube-----------------------></style>
  64. <td>
  65. <img src="http://img35.imageshack.us/img35/4511/youtubetrans.gif" border="0" />
  66. </td>
  67. <style><!-------------------------Link Youtube-----------------------></style>
  68. </tr>
  69. </table>
  70. </div>
  71.  
  72. <style><!------------------Ubicación del menu-links--------------------></style>
  73. <style>
  74. .joomblybanner2 {position:absolute;top:602px;width:600px;}
  75. .joomblybanner2 {text-align:center;}
  76. .joomblybanner2 {margin-left:-445px;left:50%;}
  77. </style>
  78. <style><!------------------Ubicación del menu-links--------------------></style>
  79.  
  80. <style><!-------------------TABLA DEL MENU-LINKS--------------------></style>

El link del sitio es este:
http://www.myspace.com/glorianah

he oido algo acerca de "haslayout". son una serie de trucos para adaptar el codigo a IE, pero realmente no se donde radica el problema. quiero saber como hago para que mi tabla (horizontal), quede correctamente situada cuando la veo en IE.
tengo Windows XP, y la ultima version de todos los navegadores nombrados. (IE 8). de paso digo, que NO SE si myspace acepta codigo PHP en la seccion "acerca de..".
si alguien sabe le estaré muy agradecido!

saludos!