Anybody Able To Look Through A Code For Me

[hollys84]

http://centronhosting.co.uk/irc_server.php

If you take a look here you may see what my problem is.

Business plan should be over the first

• 10GB
  
• 50GB
  
• 
  
• 
  
• Unlimited
  
• Unlimited
  
• Unlimited
  
• 
  
• 
  
• 99.9%
  

Starter plan should be over the next section and professional over the third

 

The column for the professional is currently stuck under the first column (business plan) and i cant seem to move it.

 

<? php ;

include 'header.php' ;

?>

<div class="wrap">

<div id="plans">

<div id="plans_top">

<div class="one_fourth">

 

</div>

 

<div class="one_fourth">

<h4>Starter Plan</h4>

 

<p>starting at $4.95/month</p>

</div>

 

<div class="one_fourth">

<h4>Professional</h4>

 

<p>starting at $4.95/month</p>

</div>

 

<div class="one_fourth last">

<h4>Business Plan</h4>

 

<p>starting at $4.95/month</p>

</div>

 

<div class="clear"></div>

</div>

 

<div id="plans_middle">

<div class="one_fourth">

<ul class="plans_icon">

<li>   <span>Disk Space</span></li>

 

<li>   <span>Monthly Bandwidth</span></li>

 

<li>   <span>FREE Domain Name</span></li>

 

<li>   <span>1-Click Script Installer</span></li>

 

<li>   <span>MySQL Databases</span></li>

 

<li>   <span>FTP Accounts</span></li>

 

<li>   <span>Domains Allowed</span></li>

 

<li>   <span>Softaculous</span></li>

 

<li>   <span>Fantastico de Luxe</span></li>

 

<li>   <span>Uptime Guarantee</span></li>

 

<li>   <span>30-Day Money Back</span></li>

</ul>

</div>

 

<div class="one_fourth">

<ul>

<li>10GB</li>

 

<li>50GB</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li>Unlimited</li>

 

<li>Unlimited</li>

 

<li>Unlimited</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li>99.9%</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

</ul>

</div>

 

<div class="one_fourth">

<ul>

<li>10GB</li>

 

<li>50GB</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li><img src="images/no.png" width="16px" height="16px" alt="" /></li>

 

<li>Unlimited</li>

 

<li>Unlimited</li>

 

<li>Unlimited</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li><img src="images/no.png" width="16px" height="16px" alt="" /></li>

 

<li>99.9%</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

</ul>

</div>

 

<div class="one_fourth last">

<ul>

<li>10GB</li>

 

<li>50GB</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li>Unlimited</li>

 

<li>Unlimited</li>

 

<li>Unlimited</li>

 

<li><img src="images/no.png" width="16px" height="16px" alt="" /></li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

 

<li>99.9%</li>

 

<li><img src="images/yes.png" width="16px" height="16px" alt="" /></li>

</ul>

</div>

 

<div class="clear"></div>

</div>

 

<div id="plans_bottom">

<div class="one_fourth">

 

</div>

 

<div class="one_fourth">

<center>

<a class="button" href="#">Order Now!</a>

</center>

</div>

 

<div class="one_fourth">

<center>

<a class="button" href="#">Order Now!</a>

</center>

</div>

 

<div class="one_fourth last">

<center>

<a class="button" href="#">Order Now!</a>

</center>

</div>

 

<div class="clear"></div>

</div>

 

<div class="clear"></div>

</div>

 

<div class="clear"></div>

 

<div class="space"></div>

</div>

<? php ;

include 'footer.php' ;

?>

 

This is the code for it is anyone able to look through it for me.

[Mahngiel]

Foremost, I suggest you grab/use yourself a live editing tool so you can do tweaks while you're looking at the page (firebug, etc).

 

The error you have is a failure in math. Each of your elements are getting 23% width, with the first 3 elements get 2.7% of right margin. That gives 100.1% width.

[hollys84]

Foremost, I suggest you grab/use yourself a live editing tool so you can do tweaks while you're looking at the page (firebug, etc).

 

The error you have is a failure in math. Each of your elements are getting 23% width, with the first 3 elements get 2.7% of right margin. That gives 100.1% width.

 

I see what you mean now my math was never good