Foros del Web » Creando para Internet » CSS »

problema con tablas en IE

Estas en el tema de problema con tablas en IE en el foro de CSS en Foros del Web. Hola a todoss!! hoy me surgio un problema mientras trabajaba, y como suelen darseme los problemas en con el IE, ya que con Firefox me ...
  #1 (permalink)  
Antiguo 06/10/2010, 11:21
 
Fecha de Ingreso: abril-2010
Mensajes: 62
Antigüedad: 7 años, 8 meses
Puntos: 0
problema con tablas en IE

Hola a todoss!!
hoy me surgio un problema mientras trabajaba, y como suelen darseme los problemas en con el IE, ya que con Firefox me va de lujo.

Como veis en Firefox se ve de lujo


pero en IE...


quiero qe se quede como en firefox, pero no se como =S

os dejo el HTML y el CSS aver si tengo algun fallo o algo...

Código HTML:
Ver original
  1. <table border="1">
  2. <tr>
  3. <td>
  4. <table class="boxi" border="1">
  5. <tr>
  6. <div class="flower"><img src="images/novedades.jpg"/></div>
  7. <td>
  8. <div class="central">
  9.  
  10.             <ul>
  11.  
  12.                 <li>
  13.  
  14.                    
  15.  
  16.                     <ul>
  17.                     <li><a href="#">Los farmacéuticos vuelven a lamentar que el nuevo</a></li>
  18.  
  19.                         <li><a href="#">Resolución y Listado Provisional Admitidos Solicit</a></li>
  20.  
  21.                         <li><a href="#">SERVICIOS MÍNIMOS ESENCIALES QUE DEBEN MANTENERSE </a></li>
  22.                     </ul>
  23.                 </li>
  24.             </ul>
  25. </div>
  26.            
  27.             </td></tr></table><table class="boxd" border="1"><tr><td>
  28.  
  29.             <div class="central">
  30.  
  31.             <ul>
  32.  
  33.                 <li>
  34.  
  35.                    
  36.  
  37.                     <ul>
  38.                     <li><a href="#">Pago por servicios: "Ni la profesión lo pide ni de</a></li>
  39.  
  40.                     <li><a href="#">La factura de pañales enfrenta a colegios y Junta </a></li>
  41.  
  42.                     <li><a href="#">El gasto farmacéutico descendió en julio un 6,8 po</a></li>
  43.                     </ul>
  44.                 </li>
  45.             </ul>
  46. </div>
  47.             </td></tr></table>
  48. <table class="boxi" border="1">
  49. <tr>
  50. <div class="flower"><img src="images/alertas.jpg"/></div>
  51. <td>
  52. <div class="central">
  53.  
  54.             <ul>
  55.  
  56.                 <li>
  57.  
  58.                    
  59.  
  60.                     <ul>
  61.                     <li><a href="#">ALERTA FARMACÉUTICA Nº 31/10 - ADAGEN 1,5 ML 250 U</a></li>
  62.  
  63.                     <li><a href="#">Alerta de medicamentos ilegales, Nº 07/10 - Retira</a></li>
  64.  
  65.                     <li><a href="#">Nota informativa de la AEMPS sobre retirada de tod</a></li>
  66.                     </ul>
  67.                 </li>
  68.             </ul>
  69. </div>
  70.            
  71.             </td></tr></table><table class="boxd" border="1"><tr><td>
  72.  
  73.             <div class="central">
  74.  
  75.             <ul>
  76.  
  77.                 <li>
  78.  
  79.                    
  80.  
  81.                     <ul>
  82.                     <li><a href="#">Nota informativa de la AEMPS sobre rosiglitazona (</a></li>
  83.  
  84.                     <li><a href="#">Ampliación de la alerta farmacéutica Nº 26/10 - OC</a></li>
  85.  
  86.                     <li><a href="#">Nota Informativa de la reunión del Comité de Evalu</a></li>
  87.                     </ul>
  88.                 </li>
  89.             </ul>
  90. </div>
  91.             </td></tr></table>
  92. <br><br><br>
  93. </td></tr></table>

Código CSS:
Ver original
  1. .central {
  2.  
  3.    
  4.  
  5.     width: 260px;
  6.  
  7.     padding: 0 10px 20px 20px;
  8.  
  9.     font-size: 12px;
  10.  
  11. }
  12.  
  13.  
  14.  
  15. .central ul {
  16.  
  17.     margin: 0;
  18.  
  19.     padding: 0;
  20.  
  21.     list-style: none;
  22.  
  23. }
  24.  
  25.  
  26.  
  27. .central li {
  28.  
  29.     padding: 0 0 20px 0;
  30.  
  31. }
  32.  
  33.  
  34.  
  35. .central li ul {
  36.  
  37. }
  38.  
  39.  
  40.  
  41. .central li li {
  42.  
  43.     margin: 0 20px 0 5px;
  44.  
  45.     padding: 8px 0px;
  46.  
  47.     border-bottom: 1px #BBBBBB dashed;
  48.  
  49. }
  50.  
  51.  
  52.  
  53.  
  54.  
  55. .central li h2 {
  56.  
  57.     height: 25px;
  58.  
  59.     margin: 0 0 0 0;
  60.  
  61.     padding: 10px 15px 0px 25px;
  62.  
  63.     background: #890208 url(images/novedades.jpg) no-repeat left top;
  64.  
  65.     letter-spacing: -1px;
  66.  
  67.     font-size: 14px;
  68.  
  69.     color: #750b49;
  70.  
  71. }
  72.  
  73.  
  74.  
  75. .central a {
  76.  
  77. }
  78.  
  79. table.boxi{
  80.     padding: 0px 0px 0px 0px;
  81.     float:left;
  82.     width:250px;
  83.  
  84. }
  85. table.boxd{
  86.     padding: 0px 0px 0px 0px;
  87.     float:right;
  88.     width:250px;
  89. }

Por favor ayudaa! graciaas de antemanoo!

Etiquetas: tablas
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 01:54.