Foros del Web » Creando para Internet » CSS »

Css e Internet Explorer

Estas en el tema de Css e Internet Explorer en el foro de CSS en Foros del Web. He hecho un página web con CSS que no veo correcta en el Explorer. Intento hacer una nueva pagina CSS con reglas para IE (una ...
  #1 (permalink)  
Antiguo 21/04/2010, 14:27
 
Fecha de Ingreso: abril-2010
Mensajes: 6
Antigüedad: 7 años, 7 meses
Puntos: 0
Css e Internet Explorer

He hecho un página web con CSS que no veo correcta en el Explorer. Intento hacer una nueva pagina CSS con reglas para IE (una nueva hoja que el Explorer use con formato condicional si el navegador es IE7).
Prefiero esta enfoque global en una sola hoja CSS para IE a hacer modificaciones parciales de alguna regla para IE.
Quisiera me informarais de algun tutorial, enlace o libro para aprender el formato de las reglas para IE7.
Como novato pido perdón si esta petición ha sido hecha.
Gracias.
Lucascas
  #2 (permalink)  
Antiguo 21/04/2010, 19:26
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
De acuerdo Respuesta: Css e Internet Explorer

No utilices Hack´s para IE o reglas como tu lo llamas para IE, la idea del CSS es que al cambiar una propiedad en un lugar automáticamente aplique para todo el sitio y de ser posible en todos los navegadores.

Por que no comentas el error, o facilitas algo de código, o publicas la web para poder corregirlos.

CREO QUE EL MEJOR DATO QUE TE PUEDO SUMINISTRAR, ES QUE LEAS ESTE LIBRO:
http://librosweb.es/css/index.html

Un saludo,
  #3 (permalink)  
Antiguo 22/04/2010, 01:08
 
Fecha de Ingreso: abril-2010
Mensajes: 6
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Css e Internet Explorer

Muchas gracias por tu respuesta.

El libro que citas es mi libro de cabecera para CSS y lo tengo impreso.
Este es mi planteamiento:
1) Tengo creada una hoja CSS que en Chrome y Firefox funciona bien. Pero hay margenes, cajas que en IE no funcionan (no respeta o los deforma).
2) Intento crear otra hoja CSS nueva exclusivamente para IE que la utilice si el navegador es IE.
3) Como IE no hace caso a alguna regla CSS ¿dónde puedo encontrar información para hacer que la caja o márgenes, den el mismo resultado en IE que en otros navegadores que respetan las normas CSS?
4) Mi idea es no ulilizar Hack s.
5)Respecto a facilitar el código intento aprender la forma y no ser corregido en un caso concreto.
6) Como novato, si mi planteamiento no es correcto me lo indicais para seguir el mejor camino.
Lucascas
  #4 (permalink)  
Antiguo 23/04/2010, 17:35
 
Fecha de Ingreso: abril-2010
Mensajes: 1
Antigüedad: 7 años, 7 meses
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. <tr>
  4.  
  5. <style><!-----------------------Link Facebook-----------------------></style>
  6. <td>
  7. <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9HTE9SSUFOQUgvMzE0MDA2MTE3NTYwP3JlZj1tZg==" target="_blank">
  8. <img src="http://img30.imageshack.us/img30/8982/facetrans.gif" border="0" />
  9. </a>
  10. </td>
  11. <style><!-----------------------Link Facebook-----------------------></style>
  12. <td>&nbsp;&nbsp;</td>
  13.  
  14.  
  15. <style><!-------------------------Link Fotos--------------------------></style>
  16. <td>
  17. <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=507466340" target="_blank">
  18. <img src="http://img30.imageshack.us/img30/4104/fotostrans.gif" border="0" />
  19. </a>
  20. </td>
  21. <style><!-------------------------Link Fotos--------------------------></style>
  22. <td>&nbsp;&nbsp;&nbsp;</td>
  23.  
  24.  
  25. <style><!--------------------Link Enviar mensaje---------------------></style>
  26. <td>
  27. <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD01MDc0NjYzNDA=" target="_blank">
  28. <img src="http://img64.imageshack.us/img64/8396/envmsjtrans.gif" border="0" />
  29. </a>
  30. </td>
  31. <style><!--------------------Link Enviar mensaje---------------------></style>
  32. <td>&nbsp;&nbsp;&nbsp;</td>
  33.  
  34.  
  35. <style><!--------------------Link Añadir amigos---------------------></style>
  36. <td>
  37. <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDc0NjYzNDA=" target="_blank">
  38. <img src="http://img64.imageshack.us/img64/2879/addfriendtrans.gif" border="0" />
  39. </a>
  40. </td>
  41. <style><!--------------------Link Añadir amigos---------------------></style>
  42. <td>&nbsp;</td>
  43.  
  44. <style><!------------------------Link Favoritos-----------------------></style>
  45. <td>
  46. <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9NTA3NDY2MzQwJnB1YmxpYz0w" target="_blank">
  47. <img src="http://img638.imageshack.us/img638/9657/favoritostrans.gif" border="0" />
  48. </a>
  49. </td>
  50. <style><!------------------------Link Favoritos-----------------------></style>
  51. <td>&nbsp;</td>
  52.  
  53. <style><!-------------------------Link Videos-----------------------></style>
  54. <td>
  55. <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=41104316" target="_blank">
  56. <img src="http://img717.imageshack.us/img717/3626/videostrans.gif" border="0" />
  57. </a>
  58. </td>
  59. <style><!-------------------------Link Videos-----------------------></style>
  60. <td>&nbsp;&nbsp;&nbsp;</td>
  61.  
  62. <style><!-------------------------Link Youtube-----------------------></style>
  63. <td>
  64. <img src="http://img35.imageshack.us/img35/4511/youtubetrans.gif" border="0" />
  65. </td>
  66. <style><!-------------------------Link Youtube-----------------------></style>
  67. </tr>
  68. </div>
  69.  
  70. <style><!------------------Ubicación del menu-links--------------------></style>
  71. .joomblybanner2 {position:absolute;top:602px;width:600px;}
  72. .joomblybanner2 {text-align:center;}
  73. .joomblybanner2 {margin-left:-445px;left:50%;}
  74. <style><!------------------Ubicación del menu-links--------------------></style>
  75.  
  76. <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!

Etiquetas: explorer, internet
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 16:51.