Ver Mensaje Individual
  #2 (permalink)  
Antiguo 06/09/2010, 10:12
Avatar de Larenz
Larenz
Colaborador
 
Fecha de Ingreso: enero-2007
Ubicación: Nicaragua
Mensajes: 1.398
Antigüedad: 17 años, 10 meses
Puntos: 55
Respuesta: Ayuda, contenido se descuadra en firefox

Es puro problemas de CSS realmente lo que estás experimentando. Existen códigos que no están siendo llamados ni existen como lo es el caso del clearfix.

Intenta pegando este código en tu archivo template_css.css:

Código CSS:
Ver original
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, font, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. b, u, i, center,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td {
  10.     margin: 0;
  11.     padding: 0;
  12.     border: 0;
  13.     outline: 0;
  14.     font-size: 100%;
  15.     background: transparent;
  16. }
  17.  
  18. body {
  19.     line-height: 1;
  20. }
  21. blockquote, q {
  22.     quotes: none;
  23. }
  24. blockquote:before, blockquote:after,
  25. q:before, q:after {
  26.     content: '';
  27. }
  28.  
  29. ul {
  30.     list-style: none;
  31. }
  32.  
  33. table {
  34.     border-collapse: collapse;
  35.     border-spacing: 0;
  36.     empty-cells: show;
  37. }
  38.  
  39. /* CLEARFIX - Código para romper
  40. -------------------------------------------------------------*/
  41. * html .clearfix {
  42.     height: 1%; /* IE5-6 */
  43. }
  44.  
  45. html[xmlns] .clearfix { /* O */
  46.     display: block;  
  47. }
  48.  
  49. .clearfix:after { /* FF, O, etc. */
  50.     content: ".";
  51.     display: block;
  52.     height: 0;
  53.     clear: both;
  54.     visibility: hidden;
  55. }

Normalmente ese código que te estoy dando yo lo pego en otra hoja de estilos y la llamo layout.css y luego llamo a ese archivo en el index.php de mi plantilla. Siempre es bueno llamar primeramente a este archivo y luego al template_css.css. En tu caso puedes intentar pegarlo directamente al inicio del archivo template_css.css.

A como podrás ver esos códigos ayudan a darle forma a tu plantilla y evitar "rompimientos" indeseados o incompatibilidades entre navegadores. Luego que lo hayas hecho entonces subes nuevamente el archivo a tu host para ir viendo cómo iría quedando y solucionar cualquier "descuadre" que pudiera ocurrir al subir este código.

IMPORTANTE: No creas que con este código solucionarás automáticamente ese problema que tienes, sino que ayudará (por medio de ajustes) a que se quiten. Bien pudiera hacerlo automáticamente, pero habría que ver cómo responden las configuraciones previas en tu css principal.

De todas formas cuando hayas subido esto me avisas y vamos viendo el resto.
__________________
¡No lo sé todo! Pero comencé como tú, ¡sin saber nada!
Encuéntrame en Facebook: Perfil + Página