Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/05/2009, 04:32
Avatar de OsSk4R
OsSk4R
 
Fecha de Ingreso: octubre-2006
Ubicación: $this->home
Mensajes: 824
Antigüedad: 17 años, 5 meses
Puntos: 74
Tabla y compatibilidad con navegador

Buenas,

Tengo un probelma con la compatibilidad de navegadores, la verdad, que tampoco se si la manera en que lo he hecho es la correcta, pues me estoy iniciando en esto de css :)

Bueno, comento...

Tengo una tabla, y luego en esa misma tabla adjunto una imagen y un titulo, de tal manera que queda asi (con mozilla):


Como se ve todo esta perfecto, no hay ningun problema, pero si lo miramos con IE, o Chrome:



A los bordes no me refiero...
Me refiero a que si lo apreciaís bien el icono de reportar y el titulo, se va un poco hacia la derecha y la verdad que queda un poco... (excepto en mozilla )

Aqui el código css:
Código css:
Ver original
  1. table.principal {
  2. width:50%;
  3. background-color: #F7FBFF;
  4. font-family: Verdana;
  5. left:500px;
  6. text-align:center;
  7. font-size: 11px;
  8. color: #666;
  9. border: 1px solid #cfdbe3;
  10. -moz-border-radius: 0px 10px 10px 10px;
  11. }
  12. div.titulo{
  13. width:100px;
  14. height:auto;
  15. margin-top:-15px;
  16. left: 365px;
  17. position:absolute;
  18. font-size:12px;
  19. font-family:Verdana;
  20. background-color:#ffffff;
  21. border: 1px solid #cfdbe3;
  22. -moz-border-radius: 10px 10px 0px 0px;
  23. }
  24. div.reporte{
  25. width:20px;
  26. height:20px;
  27. margin-top:0px;
  28. left: 344px;
  29. position:absolute;
  30. background-color:#ffffff;
  31. border: 1px solid #cfdbe3;
  32. -moz-border-radius: 5px 0px 0px 5px;
  33. }

Y el html:
Código html:
Ver original
  1. <br><br>
  2. <div class="titulo">Titulo</div>
  3. <div class="reporte"><img src="images/iconos/aviso6.png"></div>
  4. <table align="center" class="principal">
  5.     <tr>
  6.         <td>
  7. Aqui iria el texto: kjahsdjabndjk hadhas idhasduas gisudhasbid iusdhausighd oidasbd ygfuwebflcovn kjhf uh fjipfnljk hdfigahbgvs ufuia jhuigw<br>
  8. aisgdasihgvbd asohduahdjakeb qipjfjewb iohdfjkqb uibq jjocfknmqk hduasgdh qbedokwswqh jkhcyiqeg prougbzdkfeuh pug
  9. </td>
  10.     </tr>

Como veís, la manera que hago para juntar esa imagen a la tabla es mediante left, poco a poco la he ido trayendo hasta que se ha ajuntado a la misma.

No se si se hace asi o no, pero como ya digo, me estoy iniciando

Un gran saludo y muchas gracias