Hoping someone can see my error. Probably easiest if you take a look at my test page
Notice the shifting of the contents within <div id="ajax" style="background-color:red">
when clicking on a .menu {position:fixed;}
element.
Strange that only one (Home) shifts not the others (Prog, Jet, Wind, Mesonet, Disc,Rad/Sat)
The PHP that the ajax calls is of similar format on all pages as follows:
<?php
// do php stuff
echo <<<HTML
<div class="content">
<!-- html stuff -->
</div>
HTML;
Don't know if its a PHP or css issue nothing I've tried has given any indication.
Appreciate your ideas... thanks
EDIT: added ajax
var options = {
success: function(result) { $("#ajax").html(result); },
beforeSend: function() {},
url: file,
type: "post"
};
$.ajax(options);
Edit: Resolved
The answer to my question is "something is inserting some whitespace before the content div" as given by Explosion Pills. Strangely that something is caused by PHP's include "file.php";
being called inside home.php
Another question is appropriate I think so I'll post the link here later.
Thanks All
follow up question here