So close but so far! Help please!

[sequencehost]

Hello everyone,

 

https://www.sequencehosting.com/clients/clientarea.php

 

As you can see some of the content aligns to the left although the topnavbar is fine.

 

I have many stylesheets, the location can be found by viewing the source code.

 

I have edited the stylesheet in the templates directory and removed any conflicts with my other css files.

 

Does anyone know the problem? Im not asking that anyone fixes the problem because that would be lazy but instead does anyone have any idea where the problem is so I can work on that area?

 

Thanks allot everyone! Much appretiated

[jeds]

sequencehost,

 

The html validator addon for Firefox could be a good place to start. Correct the errors one at a time and upload, work on the next error...

 

Then re-post her if you have not found the problem.

 

BTW, what are the 8 characters just before your end head tag? It is the 1st error.

 

JEDs

Edited August 10, 2009 by jeds
corrected spelling

[Redundant]

Everything looks ok, except your dumping your Page content below the closing div for your left div.

 

Your page is presently doing the following:

 

<div class="left">
....
</div>

<!-- Actual Content being output here -->

 

This is why your wrapper div (Left) is not padding and keeping things aligned.

Edited August 10, 2009 by Redundant
Opps - Not content, your Left Div (Class="left")

[sequencehost]

sequencehost,

 

The html validator addon for Firefox could be a good place to start. Correct the errors one at a time and upload, work on the next error...

 

Then re-post her if you have not found the problem.

 

BTW, what are the 8 characters just before your end head tag? It is the 1st error.

 

JEDs

 

Thanks for your reply mate, Thanks for pointing that out, I used to have html validator for firefox on my old computer.

 

I have got rid of that now (must have been half asleep when I added that) and it got rid of a few other warnings. I also fixed a couple of other warnings. Im now left with 3 warnings.

 

The problem is still there, I have tried everything to fix this but with no success.

 

Before this post I got rid of allot of the conflicting css and can't seem to find anymore which is conflicting. The only whmcs stylesheet I think I need to worry about is the one in the default template folder, is this correct?

 

Thanks for your time mate and pointing out that pretty serious warning im supprised it didn't show up as a error.

[sequencehost]

Everything looks ok, except your dumping your Page content below the closing div for your left div.

 

Your page is presently doing the following:

 

<div class="left">
....
</div>

<!-- Actual Content being output here -->

 

This is why your wrapper div (Left) is not padding and keeping things aligned.

 

Thanks for your solution, reading your post is very clear but then looking at my code it looks like the content is in the div. Here is my code, thanks allot!

 

<div id="content">
<div class="center">
<div class="left">

<table class="topnavbar"><tr class="topnavbar"><td><a href="index.php">{$LANG.globalsystemname}</a></td>
<td><a href="clientarea.php">{$LANG.clientareatitle}</a></td><td><a href="announcements.php">{$LANG.announcementstitle}</a></td>
<td><a href="knowledgebase.php">{$LANG.knowledgebasetitle}</a></td><td><a href="supporttickets.php">{$LANG.supportticketspagetitle}</a></td>
<td><a href="downloads.php">{$LANG.downloadstitle}</a></td>{if $loggedin}<td><a href="logout.php">{$LANG.logouttitle}</a></td>{/if}
</tr></table>

<p>{if "templates/$template/images/$filename.png"|file_exists}<img src="templates/{$template}/images/{$filename}.png" align="right" alt="" />{/if}
<span class="heading">{$pagetitle}</span><br />{$LANG.globalyouarehere}: {$breadcrumbnav}</p>

{if $loggedin}
<p class="clientarealinks">
<a href="clientarea.php"><img src="images/clientarea.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavhome}</a>
<a href="clientarea.php?action=details"><img src="images/details.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavdetails}</a>
<a href="clientarea.php?action=products"><img src="images/products.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareaproducts}</a>
<a href="clientarea.php?action=domains"><img src="images/domains.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavdomains}</a>
<a href="clientarea.php?action=invoices"><img src="images/invoices.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.invoices}</a>
<a href="supporttickets.php"><img src="images/supporttickets.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareanavsupporttickets}</a>
<a href="affiliates.php"><img src="images/affiliates.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.affiliatestitle}</a>
<a href="clientarea.php?action=emails"><img src="images/emails.gif" border="0" hspace="5" align="absmiddle" alt="" />{$LANG.clientareaemails}</a></p>
{/if}

</div>

<div class="right">

<div class="rightsidebar">
<dl class="rightnavlinks">
<dt>Client Login</dt>
<div class="clientlogin">
<form method="post" action="https://www.sequencehosting.com/clients/dologin.php?goto=clientarea">
<input type="hidden" name="token" value="565424ec81e1b88ec1ed3cee546dee44aeed6c69" />
<table width="200" border="0">
<tr>
<td><div class="email">Email Login: <input type="text" name="username" /></div></td>
</tr>
<tr>
<td><div class="password">Password: <input type="password" name="password" /></div></td>
</tr>
<tr>
<td><input class="submit" type="submit" value="Login" /></td>
</tr>
</table>
</form>
</div>

<dt>About Sequence Hosting</dt>
<dd><a href="/company/about-us.php">About Sequence Hosting</a></dd>
<dd><a href="#">Contact Information</a></dd>
<dd><a href="#">Meet Our Staff</a></dd>
<dd><a href="#">Meet Our Clients</a></dd>
<dd><a href="#">View Our Service Awards</a></dd>
<dd><a href="#">Read Our Blog</a></dd>
<dd><a href="#">Affiliate Program</a></dd>
<dd><a href="#">Press Releases</a></dd>
<dd><a href="#">Open Source Community</a></dd>
</dl>

<dl class="rightnavlinks">
<dt>Our Technology</dt>
<dd><a href="#">Data Centers</a></dd>
<dd><a href="#">Network</a></dd>
<dd><a href="#">Hardware</a></dd>
</dl>

<ul class="learnmore">
<li><a href="#" title="Learn More About Our 24 Hour Support"><img src="/images/banners/support.png" alt="24 Hour Support" /></a></li>
<li><a href="#" title="Learn More About Our Shared Web Hosting"><img src="/images/banners/hosting.png" alt="Our Hosting" /></a></li>
</ul>

<dl class="rightnavlinks">
<dt>Legal</dt>
<dd><a href="/legal/terms-of-service.php">Terms of Service</a></dd>
<dd><a href="/legal/acceptable-usage-policy.php">Acceptable Usage Policy</a></dd>
<dd><a href="/legal/privacy-policy.php">Privacy Policy</a></dd>
</dl>

</div>
</div>						
</div>
</div>

[sequencehost]

Anyone, please?

[sequencehost]

Thank you everyone I was an idiot...

 

I have 1 header and footer file and I had it like this:

 

header include had

 

- meta info

- header

- top navigation

- right side bar

- php from whmcs

 

footer include

 

- footer

 

It turns out the php from whmcs was not all of it. The main files code shows up inbetween the header and footer file. but really the content should show up before my right nav.

 

THE SOLUTION

 

was simply to move the right nav code to the top of the footer code.

 

I assumed the php in the header file was all of it but it was just part!

 

One last problem

 

Do you see my language bar, it seems to be playing up a bit and I have no idea why. Could this be css issues?

[WHMCS John]

Language bar seems fine to me at the bottom.

[sequencehost]

Language bar seems fine to me at the bottom.

 

Thanks mate, just fixed it. Now comes the fun part, customising.

 

Thanks everyone who helped!