Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/08/2011, 23:29
terbium_lt
 
Fecha de Ingreso: julio-2011
Mensajes: 15
Antigüedad: 12 años, 8 meses
Puntos: 2
Error de formato con ajax

Buenas noches, recientemente arranque con mi proyecto comunitario para la uni y elabore una pagina principal que carga contenido especifico de otras paginas mediante ajax en una division ubicada en el centro. Los contenidos se cargan al hacer click en una de las opciones de un menu hecho con JQuery y CSS.
Todo funciona perfecto, solo que luego de hacer click en una opcion la info que se carga aparece sin formato, aparece pegada al lado derecho y en fin, no hay manera de que me agarre los CSS. Aqui les coloco el codigo de la pagina principal

Código HTML:
<div id="menu">
     <ul id="nav">
         <li><a href="inicioUEMPPAT1.html" class="ajax">Inicio&nbsp;&nbsp;&nbsp;|</a></li>
         <li><a href="#">UEMPPAT ARAGUA&nbsp;&nbsp;&nbsp;|</a>
         <ul class="submenu">
                    <li><a href="quienessomos.php" class="ajax">Quienes Somos</a></li>
                    <li><a href="mapa.php" >Misi&oacuten</a></li>
                    <li><a href="#" class="ajax">Visi&oacuten</a></li>
                    <li><a href="#" class="ajax">Organigrama Institucional</a></li>
                    <li><a href="#" class="ajax">Organismos Adscritos</a></li>
                </ul>
         </li>
         <li><a href="#">Mapa del Sitio&nbsp;&nbsp;&nbsp;|</a></li>
         <li><a href="#">Legislaci&oacuten Agraria&nbsp;&nbsp;&nbsp;|</a></li>
         <li><a href="#">Subsido Agr&iacutecola&nbsp;&nbsp;&nbsp;|</a></li>
         <li><a href="#">Contacto</a></li>
     </ul>
</div>
<div id="content">
            <span class="titulo"><h1>Bienvenidos</h1></span>
            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
        </div> 
en este content se cargan los nuevos contenidos....

Los contenidos que se llaman con jquery estan en documenttos con extension .php, no se si eso influya y basicamente tienen la misma estructura, una div de id="content" que se carga con el click de un menu item.

aqui esta el css que utilizo
Código:
#content{
background: none repeat scroll 0 0 #FFFFFF;
    float: center;
    width: 45em;
    padding-left: 18em;
}
y aqui la funcion de jquery que utilizo para actualizar la pagina

Código:
jQuery('.ajax').live('click', function(){
 
    jQuery('#content').load(this.href + ' #content', 'ajax=true');
    return false;
 
});
de hacer falta paso un comprimido con lo que llevo de proyecto para que se vea bien el problema al que me refiero.
Muchas gracias de antemano.