I am having a problem in IE, Chrome, and (some versions of Firefox) in that my friendly URL pages are not showing. Instead the homepage only shows when a link in the top navigation bar is clicked. You can view my site and see the problem here:
http://192.185.96.18/~tshields/
When I open Chrome, IE, and some versions of Firefox and I click a top link in the top navigation bar, it looks like the page redirects successufully to the correct URL, but shows the homepage.
I am currently running on a temporary URL so my temporary domain name is:
http://192.185.96.18/~tshields/
I have friendly URLs enabled.
I have this in the head section of my template: <base href="
http://192.185.96.18/~tshields/" />
My .htaccess sheet looks like this:
RewriteEngine On
RewriteBase /~tshields/
# The Friendly URLs part
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]
Any my navigation chunk looks like this:
<!-- Start navigation menu -->
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="[[++site_url]]" style="height:19px;line-height:19px;">Home</a></li>
<li class="topmenu"><a href="[[~30]]" style="height:19px;line-height:19px;">About Us</a></li>
<li class="topmenu"><a href="[[~31]]" style="height:19px;line-height:19px;"><span>Services</span></a>
<ul>
<li><a href="[[~23]]">Hardscapes</a></li>
<li><a href="[[~24]]">Landscapes</a></li>
<li><a href="[[~25]]">Irrigation</a></li>
<li><a href="[[~26]]">Lighting</a></li>
<li><a href="[[~27]]">Water Features</a></li>
<li><a href="[[~28]]">Design Services</a></li>
<li><a href="[[~29]]">Maintenance Services</a></li>
</ul></li>
<li class="topmenu"><a href="[[~32]]" style="height:19px;line-height:19px;"><span>Gallery</span></a>
<ul>
<li><a href="[[~2]]">Gardens</a></li>
<li><a href="[[~3]]">Floral</a></li>
<li><a href="[[~4]]">Formal</a></li>
<li><a href="[[~5]]">Shade</a></li>
<li><a href="[[~6]]">Screening</a></li>
<li><a href="[[~7]]">Pavers</a></li>
<li><a href="[[~8]]">Stone</a></li>
<li><a href="[[~9]]">Walls</a></li>
<li><a href="[[~10]]">Water</a></li>
<li><a href="[[~11]]">Wood</a></li>
<li><a href="[[~12]]">Fireplaces</a></li>
<li><a href="[[~13]]">Design</a></li>
<li><a href="[[~14]]">Before & After</a></li>
</ul></li>
<li class="topmenu"><a href="[[~33]]" style="height:19px;line-height:19px;">News & Articles</a></li>
<li class="topmenu"><a href="[[~34]]" style="height:19px;line-height:19px;">Awards</a></li>
<li class="toplast"><a href="[[~36]]" style="height:19px;line-height:19px;">Contact</a></li>
</ul>
<!-- End navigation menu section -->
In Firefox when I click view each link (dreictly while editing the page in MODx) the URL does match with the URL that is not displaying properly (showing the homepage).
I am not sure whether is is caused from the .htaccess setting, a setting in my friedly URLs, or if it's caused by the URL's layout in my navigation chuck show above. I just don't know why it's showing the homepage in browsers but actually goes to the page properly. Looks to me like it's a page not found type of thing. Help please?