Need some help with PerfectZ new front-end design

[eSupun]

Dear members,

It's been a long time since I stopped posting here. Anyway I am back and hope to stick in here again.

BTW as you know, we stopped our free web hosting service due to some financial issues and didn't wanted to start again without proper funding. Now I am done with my exams also and I believe it's the time! We are good to go now.

I tried to create a new web design and I love the most of it. Take a look at the design - http://perfectz.info

CSS is almost completely erased from my mind. I need to fix the footer to take the whole width of the page. Have suggestions? I tried to get the 'footer' div out of the 'container' div. But it messed everything instead.

And one another thing.
I've set a fixed height for the footer now. Because it doesn't work as I need to. Is there anything I can do to make it fixed?

I hope you can understand what I need to accomplish.

Thanks.

 

[Sain Cai]

What I did was take the div code from the footer out and replace it after the last div

BEFORE

<div class="clearfix"></div>
<div id="footer">
<div id="col1"><h2 class="calibri">Navigation</h2>
<ul>
<li><a href="http://perfectz.info/">Home</a></li>

<li><a href="http://perfectz.info/blog/">Blog</a></li>
<li><a href="http://perfectz.info/forum/">Forum</a></li>
<li><a href="http://perfectz.info/tos.php">Terms</a></li>
<li><a href="http://perfectz.info/tht/">Signup for Hosting</a></li>
<li><a href="http://perfectz.info/features.php">Features</a></li>
<li><a href="http://perfectz.info/contact.php">Report Abuse</a></li>

<li><a href="http://perfectz.info/contact.php">Contact</a></li>
<li><a href="http://perfectz.info/privacy.php">Privacy Policy</a></li>
</ul>
</div>
<div id="col3"><h2 class="calibri">On our Blog</h2>
<ul>
<li><a href="http://perfectz.info/blog/2011/09/find-the-file-type-without-any-hassle-filext/" rel="bookmark" title="Find the file type without any hassle – FILExt">Find the file type without any hassle – FILExt</a></li>
<li><a href="http://perfectz.info/blog/2011/09/30-off-com-net-org-biz-and-us-godaddy-promo/" rel="bookmark" title="30% off .COM, .NET, .ORG, .BIZ, and .US – GoDaddy Promo">30% off .COM, .NET, .ORG, .BIZ, and .US – GoDaddy Promo</a></li>

<li><a href="http://perfectz.info/blog/2011/09/how-to-find-a-vps-scam/" rel="bookmark" title="How to find a VPS scam?">How to find a VPS scam?</a></li>
<li><a href="http://perfectz.info/blog/2011/09/straight-talk-another-impressive-calling-package/" rel="bookmark" title="Straight Talk – Another impressive calling package">Straight Talk – Another impressive calling package</a></li>
<li><a href="http://perfectz.info/blog/2011/09/what-facebook-needs-to-beat-google-plusgoogle-a-few-suggestions/" rel="bookmark" title="What Facebook needs to beat Google Plus(Google+) – A few suggestions">What Facebook needs to beat Google Plus(Google+) – A few suggestions</a></li>
</div>
<div id="col2"><h2 class="calibri">Community</h2>
<a href="http://perfectz.info/forum/">Latest Discussions on our community</a></div>
</div>
</div>

</div>
</body>
</html>

AFTER

<div class="clearfix"></div>

</div>
</div>
<div id="footer">
<div id="col1"><h2 class="calibri">Navigation</h2>
<ul>
<li><a href="http://perfectz.info/">Home</a></li>

<li><a href="http://perfectz.info/blog/">Blog</a></li>
<li><a href="http://perfectz.info/forum/">Forum</a></li>
<li><a href="http://perfectz.info/tos.php">Terms</a></li>
<li><a href="http://perfectz.info/tht/">Signup for Hosting</a></li>
<li><a href="http://perfectz.info/features.php">Features</a></li>
<li><a href="http://perfectz.info/contact.php">Report Abuse</a></li>

<li><a href="http://perfectz.info/contact.php">Contact</a></li>
<li><a href="http://perfectz.info/privacy.php">Privacy Policy</a></li>
</ul>
</div>
<div id="col3"><h2 class="calibri">On our Blog</h2>
<ul>
<li><a href="http://perfectz.info/blog/2011/09/find-the-file-type-without-any-hassle-filext/" rel="bookmark" title="Find the file type without any hassle – FILExt">Find the file type without any hassle – FILExt</a></li>
<li><a href="http://perfectz.info/blog/2011/09/30-off-com-net-org-biz-and-us-godaddy-promo/" rel="bookmark" title="30% off .COM, .NET, .ORG, .BIZ, and .US – GoDaddy Promo">30% off .COM, .NET, .ORG, .BIZ, and .US – GoDaddy Promo</a></li>

<li><a href="http://perfectz.info/blog/2011/09/how-to-find-a-vps-scam/" rel="bookmark" title="How to find a VPS scam?">How to find a VPS scam?</a></li>
<li><a href="http://perfectz.info/blog/2011/09/straight-talk-another-impressive-calling-package/" rel="bookmark" title="Straight Talk – Another impressive calling package">Straight Talk – Another impressive calling package</a></li>
<li><a href="http://perfectz.info/blog/2011/09/what-facebook-needs-to-beat-google-plusgoogle-a-few-suggestions/" rel="bookmark" title="What Facebook needs to beat Google Plus(Google+) – A few suggestions">What Facebook needs to beat Google Plus(Google+) – A few suggestions</a></li>
</div>
<div id="col2"><h2 class="calibri">Community</h2>
<a href="http://perfectz.info/forum/">Latest Discussions on our community</a></div>
</div>

</body>
</html>

That extended the footer fully

 

[eSupun]

Hi Sain Cai,

I can swear I did that also. But it didn't work that time(maybe I forgot to close a div?). Somehow it's working like a charm now. Thanks. <3

But I still have issues with the footer. Is there anyway I can set the height to include the whole unordered list in it? When I remove the height tag, footer becomes very shorter. I can't find a way to solve this.

 

[eSupun]

OK. Solved it my own.

Thank you all.

 

[eSupun]

I want some reviews of the design though.

In my view, I am done with the design except for intergrating new threads in our MyBB forum. I can't find a way to do so. Can anyone help?