Hi Angela,
Comparing the source HTML of those two pages, I can see where the problem lies.
Here's the working page:
- Code: Select all
<html lang="en-US" dir="ltr">
<head>
<body class="page page-id-67 page-template-default custom-background">
<div id="wrapper" class="hfeed">
<div id="header">
<div id="main">
<div id="container" class="container-page">
<div id="primary" class="widget-area" role="complementary">
</div>
<div id="footer">
</div>
<div id="fb-root">
<script type="text/javascript">
</body>
</html>
Notice how the
primary DIV, which is your sidebar, is inside the
main DIV (which is the white area).
Now on the broken page, look where the
primary DIV (the sidebar) shows up:
- Code: Select all
<html lang="en-US" dir="ltr">
<head>
<body class="page page-id-67 page-template-default custom-background">
<div id="wrapper" class="hfeed">
<div id="header">
<div id="main">
<div id="primary" class="widget-area" role="complementary">
</div>
<div id="footer">
<div id="fb-root">
<script type="text/javascript">
</body>
</html>
Now it's outside the
main DIV, which is what's making the sidebar appear underneath the main white area.
Are you using a different WordPress page template for the Membership Options page? Can you tell us how your WordPress theme is generating the sidebar? If it's using a non-standard way of generating the sidebar, that could be screwing things up when s2Member protects the page.
A quick test to see if this is theme-related would be to temporarily switch to the default TwentyTen theme.