Div que descuadra el contenido de la web

[gazpachoymochil]

Hola a todos. Tengo un problemilla que no sé como solucionar. Resulta que en una web en joomla sobre la que estoy trabajando todo funcionaba bien hasta ahora. He instalado un módulo de tickets, pero el contenido de éste me descuadra todo el diseño de la web -> Me descuadra el menú principal de su sitio.

La dirección es la siguiente: http://www.dygepyme.com/index.php?op...desk&Itemid=46

(A los que entréis os aparecerá un mensaje que advierte de la necesidad de estar registrado, pero incluso este mensaje descuadra el menú principal de sus sitio)
He estado probando infinidad de soluciones, pero ninguna me ha servido. He estado incluso cambiando propiedades con el "firebug" y nada.

Espero que alguien pueda ayudarme porque debe ser una tintería y no la veo!!

Un saludo, Gracias.

PD: No pongo código porque es muy extenso. Creo que es mejor mirarlo con el plugin de Firefox y hacer las modificaciones oportunas (virtuales) sobre éste.

[kseso?]

Authorization Required
This server could not verify that you are authorized to access the document requested. Either you supplied the wrong credentials (e.g., bad password), or your browser doesn't understand how to supply the credentials required.

Sin autentificarse es lo que carga la página. No se puede ver la página que enlazas.
Y por cierto, no descuadra

Un saludo

[gazpachoymochil]

Tienes razón, fallo mío. Intentaré solucionarlo mirando algunas cosillas. De todas formas, te mando una captura y verás cómo se descuadra... pero sólo cuando me encuentro en esa sección, no en ninguna otra!!



De todas formas gracias. Si sigue el problema volveré a postear en este hilo. Un saludo!!

[Usa_Firefox]

No se ve nada.... solo un alert que pide contraseña... ¿podrías desactivar la identificación unos momentos para que lo veamos?

Saludos!

Edito: Un poco tarde jeje... Pero oye, déja el css para que te puedan ayudar...

[gazpachoymochil]

Hola compañero. Ya he eliminado la autenticación, así que ahora ya puedes hecarle un vistazo. Te pondría el css pero es una página hecha en Joomla y el código es bastante largo. Por eso decía que con el plugin "firebug" de Firefox se podría ver mejor el css. De todas formas, si lo necesitas me lo dices y lo posteo.

La sección que se descuadra es la de "Consultas On-line".

Gracias de antemano.

A ver si me hechais un cable porque ando algo perdido...

[kseso?]

Cambia en template.css (línea 856)

#ja-mainbody-f, #ja-mainbody-fr {
float:right;
}

y suprime el ancho 100% que le tienes y que le fuerza a ocupar todo el ancho.
Yo con esa modificación ya lo veo a la misma altura los dos bloques

[gazpachoymochil]

Exacto! Ahora los bloques se ajustan al estilo que deben... pero en el resto de secciones el menú se descuadra... aparece demasiado a la derecha.

A ver qué puede ser...

[kseso?]

Este float te afecta:

#ja-mainbody-f, #ja-mainbody-fr {/*template.css (línea 856)*/
float:right;
}

si lo suprimes el menú se coloca a la izquierda (en la página "quienes somos")

Lo que no se es cómo te afectará eso al resto de las páginas, pues tienes muchos div´s que sólo alojan otros div´s hasta llegar a la información:

Código html:

<div id="ja-containerwrap-fr">
<div id="ja-containerwrap2">
<div id="ja-container">
<div id="ja-container2" class="clearfix">
<div id="ja-mainbody-fr" class="clearfix">
<div id="ja-contentwrap">
<div id="ja-content">
<div class="componentheading">\n Dygepyme</div>
<table class="blog" cellspacing="0" cellpadding="0">[color="Red"]<!en esta "table" alojas el contenido de la derecha con alg&#250;n "div" m&#225;s para ello -->[/color]
<tbody>
</tbody>
</table>
</div>
</div>
<div id="ja-col1">
<div class="moduletable_menu">
<ul class="menu">
<li id="current" class="active item1">
</li>
<li class="item17">
</li>
<li class="item2">
</li>
<li class="item3">
</li>
<li class="item13">
</li>
<li class="item20">
</li>
<li class="item21">
</li>
<li class="item28">
</li>
<li class="item44">
</li>
<li class="item7">
</li>
<li class="parent item8">
</li>
<li class="parent item9">
</li>
<li class="item11">
</li>
<li class="parent item29">
</li>
<li class="item30">
</li>
<li class="item46">
</li>
<li class="item19">
</li>
<li class="item27">
</li>
</ul>
</div>
</div>
<br/>
</div>
</div>
</div>
</div>
</div>
 

Y no he mirado todas y cada una de las clases y sus propiedades y que pueden afectar al posicionamiento.

[gazpachoymochil]

Ya ya, gracias, está claro que no hay nada mejor que hacerse cada unio su propio CSS, pero joomla lo trae así, no puedo hacer mucho más. La verdad es que si, el código css es demasiado denso (no sé exactamente porque lo harán, aunque lo imagino...).

He probado incluso a posicionarlo de forma absoluta y nada... esta tarde-noche o mañana intentaré encontrar la solución... a ver si alguien lee el post y se anima... pfffff

[kseso?]

Iniciado por kseso?

Este float te afecta:

#ja-mainbody-f, #ja-mainbody-fr {/*template.css (línea 856)*/
float:right;
}

si lo suprimes el menú se coloca a la izquierda (en la página "quienes somos")

Basta con que suprimas el float en esos selectores para que el menú se posicione a la izquierda de la página.

Una buena idea, en previsión de que tengas que deshacer los cambios es que lo comentes, en vez de borrarlo

[gazpachoymochil]

Hola de nuevo kseso?, pues he estado intentando un montón de cosas y nada. He llegado hasta incluso posicionar la cara #col1 (menú principal) de forma absoluta. Esto funciona perfecto... el problema es que el pie de página se sitúa demasiado arriba en las páginas cuyo contenido es muy poco. Además, se sitúa por detrás del menú principal. Así que he desestimado esa opción... a no ser que ponga un min-height en el div que muestra el contenido de la web.

Tal y como está ahora, el código anterior no existe. Es decir:

Código:

#ja-mainbody-f, #ja-mainbody-fr {
	/*float: none;
	width: 100%;
	float: right;*/
}

¿Sería esa una buena idea o la dejo estar? Ya se me están terminando los recursos...

[kseso?]

Hola de nuevo
Veo que has hecho modificaciones en el css

Mira, esto es lo que yo veo:
El código css está algo liado, pues estás definiendo propiedades y clases de forma redundante y dispar en varias sitios, unas veces de forma conjunta a varias clases y otras de forma individual.
Ejemplo:
el ancho de #ja-col1 lo defines en la línea 867: #ja-mainbody-fr #ja-col1 {width:222px;...
en la línea 833: #ja-mainbody-fr #ja-col1 {width:20%;...
y en la línea 1285 vuelves a definir otras propiedades de #ja-col1

Bueno, centrándome en el problema que ahora tienes en la página que enlazas en el primer post: el menú se coloca debajo de mensaje

No estás autorizado para ver este recurso.
Necesitas registrarte o pedir acceso a un administrador...

Para no correr peligros de efectos secundarios en el css actúa en el html (si puedes, pues es un joomla y yo veo el generado)
En el html, coloca primero <div id="ja-col1">...</div> y después <div id="ja-mainbody-fr" class="clearfix">...</div>

[gazpachoymochil]

Gracias Kseso?. Ya había comentado que el código de joomla es demasiado enrevesado (no de complicado, sino de redundante). Intentaré hacer las modificaciones que me has indicado y ya te comento cuando estén hechas.

Gracias de nuevo. Esperemos que esta vez sea la definitiva.

[gazpachoymochil]

Hola a todos, pues problema solucionado. Antes de nada dar las gracias a kseso? por su preocupación en el problema.

Pues nada, ¿sabes donde estaba el problema? Pffff, en que el módulo empleado en la sección que se descuadra está mal programado. Asíq eu sólo cuando se cargaba esa sección se descentraba el contenido de la web.

La solución por la que he optado ha sido modificar el código fuente (HTML) en vez del CSS que, evidentemente, no me hubiese servido para nada.

PD: Espero que en un futuro los CMS intenten optimizar su código porque, si quieres hacer modificaciones medio complicadas, es bastante tedioso y horrible navegar por su código. No por escribir más código funcionará mejor la aplicación web.