Hi,

I have a menu and a container. when the user clicks a menu item, new
content from another file is loaded into the container.

eg. [img]http://i36.tinypic.com/vjcsg.jpg[/img]

main.php
[code]
<html><head>
<link rel='stylesheet' type='text/css' href='main.css'/>
<script src='/scripts/jQuery.js'></script>
<script src='/scripts/jQuery.livequery.js'></script>
<script>
$(document).ready(function() {
  $("#menuitem1").click(function() {
     $("#Container").load("item1content.php?t=" + new Date().valueOf
());
  });
});
</script>
</head>
<body>
<table>
<tr>
  <td><a id='menuitem1' href='#'>Change Company Policy</a></td>
  <td><span id='Container'></span></td>
</tr>
</table>
</body></htm>
[/code]

item1content.php
[code]
<p>Company Policy</p><hr/>
<?php /*read policy from file and echo it out*/ ?>
[/code]

when the contents load dynamically, the css dont comply.. see the
fontfamily and font size....
[img]http://i38.tinypic.com/k2l5d3.jpg[/img]

another very gruelling problem is the CSS not loading with
kelvinluck's datepicker. Im unable to resize the popup and its very
big and irritating....
[img]http://i35.tinypic.com/2hgxq1w.jpg[/img]

I tried to reload the css in the "item1content.php" but its not
working either....

Reply via email to