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 |</a></li> <li><a href="#">UEMPPAT ARAGUA |</a> <ul class="submenu"> <li><a href="quienessomos.php" class="ajax">Quienes Somos</a></li> <li><a href="mapa.php" >Misión</a></li> <li><a href="#" class="ajax">Visión</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 |</a></li> <li><a href="#">Legislación Agraria |</a></li> <li><a href="#">Subsido Agrícola |</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>
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:
y aqui la funcion de jquery que utilizo para actualizar la pagina#content{ background: none repeat scroll 0 0 #FFFFFF; float: center; width: 45em; padding-left: 18em; }
Código:
de hacer falta paso un comprimido con lo que llevo de proyecto para que se vea bien el problema al que me refiero. jQuery('.ajax').live('click', function(){ jQuery('#content').load(this.href + ' #content', 'ajax=true'); return false; });
Muchas gracias de antemano.