Website is not the same...

CMSVisuals · Jul 20, 2011

Hello, I am currently creating a new site for my Hosting company and I seem to be running into one small problem that I can normally fix. I seem to have a problem with my footer showing up the same in different browsers. My footer seems to show up perfect in FireFox but is slightly deranged in Google Chrome & IE. You can view the footer here... https://www.uzrhosting.com/UZRHosting%20v2/index.php. Please ignore everything else that does not work. The footer is the main thing I am worried about right now. Anyone who can help me fix my problem I have some nice FP for you 🙂

Cheers,
Coleman Smith - UZRHosting Founder
[email protected]
________________________________________________________

Follow Us on Twitter: https://twitter.com/UZRHosting

iron hide · Jul 20, 2011

So you mean the only problem is that footer shifts a little when you try different browsers? I also can't see "what our client say" in chrome as well.

Tindris · Jul 20, 2011

The whole page is showing up odd for me, I am using Google Chrome. What width are you using for the page and are you only using fixed widths or are some widths floating widths?

CMSVisuals · Jul 20, 2011

Can I please have a screen shot of what you are seeing?

iron hide · Jul 20, 2011

everything looks good to me except "UZR Database Sites" is misaligned

CMSVisuals · Jul 20, 2011

Here is how the site shows up for me...

Google Chrome: http://d.pr/w2jM

FireFox: http://d.pr/gOfL

Is it the same for you? Also, I have noticed that sometimes the "What our clients say" is sometimes moved to the right randomly.

iron hide · Jul 20, 2011

I see it miss-aligned in firefox as well

just check your footer code. There must be something extra that you need to delete

even better if you can post your footer code here, so we can take a look at it?

CMSVisuals · Jul 20, 2011

Footer Codes

HTML

Code:

<div id="footer">
<div id="footer-width">

	<div id="left-col2a">
    
    <h1> UZR Core Pages </h1>
    <p><a href="index.php">Home</a></p>
    <p><a href="about.php">About</a></p>
    <p><a href="pricing.php">Pricing</a></p>
    <p><a href="faq">FAQ</a></p>
    
    </div>
    
    <div id="left-col2b">
    <h1> UZR Service Pages </h1>
    <p>Client Login</p>
    <p>Contact Us</p>
    <p><a href="privacypolicy.php">Privacy Policy</a></p>
    <p><a href="TOS.php">Terms of Service</a></p>
    
    </div>
    
    <div id="left-col2c">
    <h1> UZR Database Sites </h1>
    <p><a href="http://uzrposting.com/">UZRPosting.com</a></p>
    <p><a href="http://MMODisney.com/">MMODisney.com</a></p>
    
    </div>
    
    <div id="right-col2a">    
    <p>UZRHosting.com is a new hosting company
founded in 2010. We offer cheap, reliable
and secure web-hosting.</p>
    </div>
    
        <div id="right-col2b">
    <p>               © 2010-2011 UZRHosting.com.
                            All Rights Reserved </p>
    </div>
    
    
</div>
</div>

CSS

Code:

div#footer {
	
	background-color: black;
	height: 201px;
	margin-top: 10px;
	text-align: center;
	

}
div#footer-width {
	
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}

div#left-col2a{
	
	font-family: Verdana;
	text-align: left;
	width: 240px;
	text-decoration: none;
	
}

div#left-col2a h1{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	padding-top: 20px;
	margin-left: -13px;
	text-align: left;
	padding-bottom: 10px;
	font-style: normal;
	text-decoration: none;
}

div#left-col2a p{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-left: -13px;
	text-align: left;
	margin-bottom: -5px;
	font-style:italic;
    text-decoration: none;

	
}

div#left-col2b{
	
	font-family: Verdana;
	text-align: left;
	width: 480px;
    text-decoration: none;
	
}

div#left-col2b h1{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-top: -141px;
	margin-left: 177px;
	text-align: left;
	padding-bottom: 10px;
	font-style: normal;
	text-decoration: none;
}

div#left-col2b p{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-left: 177px;
	text-align: left;
	margin-bottom: -5px;
	font-style:italic;
	
}

div#left-col2c{
	
	font-family: Verdana;
	text-align: left;
	width: 720px;
	list-style: none;
	text-decoration: none;

	
}

div#left-col2c h1{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-top: -141px;
	margin-left: 371px;
	text-align: left;
	padding-bottom: 10px;
	list-style: none;
	text-decoration: none;

	
}

div#left-col2c p{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-left: 371px;
	text-align: left;
	margin-bottom: -5px;
	font-style:italic;
	list-style: none;
	text-decoration: none;

	
}


div#right-col2a p{
	
	float: right;
	font-family: Verdana;
	text-align: left;
	width: 310px;
	font-family: Verdana;
	font-size: 14px;
	color: #8fbd44;
	text-align: left;
	margin-right: -20px;
	margin-top: -82px;

}

div#right-col2b p{
	
	float: right;
	font-family: Verdana;
	text-align: left;
	width: 310px;
	font-family: Verdana;
	font-size: 14px;
	color: white;
	text-align: left;
	margin-right: -20px;
	margin-top: -2px;

}

iron hide · Jul 20, 2011

Can you post the code for all three items so we can see which is where?
also this handy tool can be used to analyze your code: http://www.w3schools.com/cssref/tryit.a ... ical-align

Tindris · Jul 20, 2011

http://ploader.net/files/1599c6ec7be2d7 ... 85e6bc.bmp

CMSVisuals · Jul 20, 2011

Tindris... Ummm... I dont even know why it is like that...? I dont even see how that is possible?

Yea, Iron I will just post the code for the whole homepage...

HTML

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>UZRHosting - Home</title>
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/main.css" />
</head>
<center><body>
<div id="header">
<div id="logo">
    	<div id="left-col"><center><img src="images/logo.png" ALT="Logo" border=0></center></div>
        <div id="right-col">        
        <h1><a href="pricing.php"><img src="images/navpricing.png" ALT="Pricing" border=0></a></h1>
        <h2><a href="contact.php"><img src="images/navcontact.png" ALT="Contact" border=0></a></h2>
       <h3><a href="about.php"><img src="images/navabout.png" ALT="About" border=0></a></h3>
      <h4><a href="index.php"><img src="images/navhomeused.png" ALT="Home" border=0></a></h4>
</div>
</div>
</div>

<div id="who">
<center><p>Reliability, Security and Ease of use are what most people look for in a hosting company. Using our
 hosting services means you do not have to worry about datacenters, hardware, downtime or phone
 calls. We take care of that while your pages are served 24/7. All absolutly free.</p></center>
</div>
<center><img src="images/fadedline.png" ALT="line" border=0></center>
<div id="pricingboxes">

	<div id="pricingboxes-width">

	<center><div id="pb1">
    
       
        <p>99¢ Shared Hosting</p>
        <ul><a href="pricing.php"><img src="images/purchase.png"> <img src="images/moreinfo.png"></a></ul>
        <h1>Unlimited Domains</h1>
        <h1>Unlimited Web-Mail</h1>
        <h1>5GB Disk Space</h1>
        <h1>25GB Transfer</h1>
        <h1>cPanel</h1>
    
    </div>
    
    <div id="pb2">
    
             
        <p>$4.99 Shared Hosting</p>
        <ul>
          <a href="pricing.php"><img src="images/purchase.png"> <img src="images/moreinfo.png"></a>
      </ul>
        <h1>Unlimited Domains</h1>
        <h1>Unlimited Web-Mail</h1>
        <h1>15GB Disk Space</h1>
        <h1>100GB Transfer</h1>
        <h1>cPanel</h1>
    
    </div>
    
    <div id="pb3">
    
        
        <p>Custom Shared Hosting</p>
        <ul><a href="pricing.php"><img src="images/purchase.png"> <img src="images/moreinfo.png"></a></ul>
        <h1>Unlimited Domains</h1>
        <h1>Unlimited Web-Mail</h1>
        <h1>Upto 250GB Disk Space</h1>
        <h1>Upto 500GB Transfer</h1>
        <h1>cPanel</h1>

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

<center><img src="images/line.png" ALT="line" border=0></center>

</div>

<center><div id="info">

<div id="info-width">

	<div id="recenthap">
    
    <h1>Recent Happenings</h1>
    <p>UZRHosting is now opperating on a new simpler
and cleaner website. Over the next few weeks
you may experience more small changes to the
site. </p>
    
	</div>
    
    <center><img src="images/linesmall.png" ALT="line" border=0></center>
    
    <div id="testimonials">
    
<center><img src="images/testimonial1.png" ALT="line"></center>
	</div>
    
</div>

</div></center>

<div id="footer">

<div id="footer-width">

	<div id="left-col2a">
    
    <h1> UZR Core Pages </h1>
    <p><a href="index.php">Home</a></p>
    <p><a href="about.php">About</a></p>
    <p><a href="pricing.php">Pricing</a></p>
    <p><a href="faq">FAQ</a></p>
    
    </div>
    
    <div id="left-col2b">
    <h1> UZR Service Pages </h1>
    <p>Client Login</p>
    <p>Contact Us</p>
    <p><a href="privacypolicy.php">Privacy Policy</a></p>
    <p><a href="TOS.php">Terms of Service</a></p>
    
    </div>
    
    <div id="left-col2c">
    <h1> UZR Database Sites </h1>
    <p><a href="http://uzrposting.com/">UZRPosting.com</a></p>
    <p><a href="http://MMODisney.com/">MMODisney.com</a></p>
    
    </div>
    
    <div id="right-col2a">    
    <p>UZRHosting.com is a new hosting company
founded in 2010. We offer cheap, reliable
and secure web-hosting.</p>
    </div>
    
        <div id="right-col2b">
    <p>               © 2010-2011 UZRHosting.com.
                            All Rights Reserved </p>
    </div>
    
    
</div>

</div>

</body>
</html></center>

CSS

Code:

html, body {
	background-image: url(../images/bg.png);
	background-color: #edf1f5;
	margin: 0;
	padding:0;
	
}

A:link {text-decoration: none; color: #f3f6f8 }
A:visited {text-decoration: none; color: #f3f6f8 }
A:active {text-decoration: none; color: #f3f6f8 }
A:hover {text-decoration: none; color: #f3f6f8 }

div#header{

	background-image: url(../images/header-bg.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 203px;
	display: block;
}

div#logo {
	
	width: 1020px;
	display: block;
	
}

div#logo #left-col{
	display:block;
	float: left;
	height: 67px;
	width: 354px;
	margin-top: 38px;
	margin-left: -26px;
}

div#logo div#right-col{
	height: 0px;
    display: block;
    width: 625px;
    float: right;
	margin-top: 7px;
}

div#logo div#right-col h1{
	height: 0px;
    display: block;
    width: 83px;
    float: right;
	text-align: center;
	margin-top: 15px;
	padding-left: 22px;
}

div#logo div#right-col h1 a{
    height: 0px;
    display: block;
    width: 83px;
    float: right;
	text-align: center;
	margin-top: 16px;
}

div#logo div#right-col h2{
	height: 0px;
    display: block;
    width: 97px;
    float: right;
	text-align: center;
	margin-top: 15px;
	padding-left: 23px;

}

div#logo div#right-col h2 a{
    height: 0px;
    display: block;
    width: 97px;
    float: right;
	text-align: center;
	margin-top: 17px;
}

div#logo div#right-col h3{
	height: 0px;
    display: block;
    width: 74px;
    float: right;
	text-align: center;
	margin-top: 15px;
	padding-left: 27px;

}

div#logo div#right-col h3 a{
    height: 0px;
    display: block;
    width: 74px;
    float: right;
	text-align: center;
	margin-top: 15px;
}

div#logo div#right-col h4{
	height: 0px;
    display: block;
    width: 69px;
    float: right;
	text-align: center;
	margin-top: 15px;
	padding-left: 25px;

}

div#logo div#right-col h4 a{
    height: 0px;
    display: block;
    width: 69px;
    float: right;
	text-align: center;
	margin-top: 15px;
}

div#who {
	display:block;
	margin-top: -26px;
}

div#who p {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 934px;
	font-size: 17.5px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
}

div#TOS {
	display:block;
	margin-top: -26px;
	
}

div#tos-left-col img{

	
}

div#tos-left-col p {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 14px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	text-align:left;

}

div#tos-left-col h1 {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 14px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	text-align:left;
	margin-bottom: 15px;

}

div#tos-left-col h2 {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 26px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	margin-bottom: 15px;
	text-align: left;

}

div#tos-left-col h3 {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 22px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	margin-bottom: 15px;
	text-align: left;
	margin-top: 0px;

}

div#Privacy Policy {
	display:block;
	margin-top: -26px;
	
}

div#privpoli-left-col img{

	
}

div#privpoli-left-col p {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 14px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	text-align:left;

}

div#privpoli-left-col h1 {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 14px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	text-align:left;
	margin-bottom: 15px;

}

div#privpoli-left-col h2 {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 26px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	margin-bottom: 15px;
	text-align: left;

}

div#privpoli-left-col h3 {
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3b4a5e;
	width: 920px;
	font-size: 22px;
	font-stretch:normal;
	letter-spacing: .075em;
	line-height: 22px;
	margin-bottom: 15px;
	text-align: left;
	margin-top: 0px;

}


div#pricingboxes {
	display: block;
}

div#pricingboxes-width {
	width: 1265px;
	margin-right: auto;
	margin-left: auto;
}

div#pb1 {
		width: 334px;
		height: 298px;
		float: left;
		background: url(../images/1boxs.png);
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-left: 88px;
		letter-spacing: .075em;
		display: block;
}

div#pb1 p{
		width: 334px;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16.65px;
		color: #3b4a5e;
		margin-right: 30px;
		margin-left: -20px;
		margin-top: 50px;
		letter-spacing: .075em;
		display: block;
}

 div#pb1 li{
		width: 334px;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #3b4a5e;
		list-style:none;
		padding-top: 43px;
		margin-left: -20px;
		letter-spacing: .075em;
		display: block;
		
}
div#pb1 ul{
		width: 334px;
		float: left;
		list-style:none;
		margin-top: -9px;
		margin-left: -60px;
		letter-spacing: .075em;
		display: block;
		
}

div#pb1 h1{
		width: 334px;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12.49px;
		color: #3b4a5e;
		list-style:none;
		margin-top: -10px;
		margin-bottom: 15px;
		margin-left: -20px;
		letter-spacing: .075em;
		font-style:normal;
		display: block;
}

div#pb1 h2{
		width: 334px;
		float: left;
		list-style:none;
		margin-top: 0px;	
		border: none;	
		margin-left: -20px;
		letter-spacing: .075em;
		display: block;
}

div#pb1 h2 img{	
		border: none;	
		display: block;
}

div#pb2 {
		width: 334px;
		height: 298px;
		float: left;
		background: url(../images/2boxs.png);
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-left: 45px;
		letter-spacing: .075em;
		display: block;
}

div#pb2 p{
		width: 334px;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16.65px;
		color: #3b4a5e;
		margin-right: 30px;
		margin-left: -20px;
		margin-top: 50px;
		letter-spacing: .075em;
		display: block;
}

 div#pb2 li{
		width: 334px;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #3b4a5e;
		list-style:none;
		padding-top: 43px;
		margin-left: -20px;
		letter-spacing: .075em;
		display: block;
		
}
div#pb2 ul{
		width: 334px;
		float: left;
		list-style:none;
		margin-top: -9px;
		margin-left: -60px;
		letter-spacing: .075em;
		display: block;
}

div#pb2 h1{
		width: 334px;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12.49px;
		color: #3b4a5e;
		list-style:none;
		margin-top: -10px;
		margin-bottom: 15px;
		margin-left: -20px;
		letter-spacing: .075em;
		font-style:normal;
		display: block;
}

div#pb2 h2{
		width: 334px;
		float: left;
		list-style:none;
		margin-top: 0px;	
		border: none;	
		margin-left: -20px;
		letter-spacing: .075em;
		display: block;
}

div#pb2 h2 img{	
		border: none;	
		display: block;
}

div#pb3 {
		width: 334px;
		height: 298px;
		float: right;
		background: url(../images/3boxs.png);
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-right: 68px;
		letter-spacing: .075em;
		display: block;
		
}

div#pb3 p{
		width: 334px;
		float: right;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16.65px;
		color: #3b4a5e;
		margin-right: 30px;
		margin-right: 20px;
		margin-top: 50px;
		letter-spacing: .075em;
		display: block;
}

 div#pb3 li{
		width: 334px;
		float: right;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #3b4a5e;
		list-style:none;
		padding-top: 43px;
		margin-right: 20px;
		letter-spacing: .075em;
		display: block;
		
}
div#pb3 ul{
		width: 334px;
		float: right;
		list-style:none;
		margin-top: -9px;
		margin-right: 20px;
		letter-spacing: .075em;
		display: block;
}

div#pb3 h1{
		width: 334px;
		float: right;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12.49px;
		color: #3b4a5e;
		list-style:none;
		margin-top: -10px;
		margin-bottom: 15px;
		margin-right: 20px;
		letter-spacing: .075em;
		font-style:normal;
		display: block;
}

div#pb3 h2{
		width: 334px;
		float: right;
		list-style:none;
		margin-top: 0px;	
		border: none;	
		margin-right: 20px;
		letter-spacing: .075em;
		display: block;
}

div#pb3 h2 img{	
		border: none;	
}

div#info-width {
	
	width: 1010px;
}

div#info img{
		
	margin-left: -462px;
	margin-top: -40px;
			
}

div#recenthap {
		
	display:block;
	margin-top: 26px;
	margin-left: 10px;
	text-align: left;

			
}

div#recenthap h1{
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	color: #3b4a5e;
	width: 532px;
	font-size: 18px;
	font-stretch: normal;
	letter-spacing: .075em;
	line-height: 22px;
	margin-left: 24px;
	text-align: left;

}

div#recenthap p{
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	color: #3b4a5e;
	width: 532px;
	font-size: 18px;
	font-stretch: normal;
	letter-spacing: .075em;
	line-height: 22px;
	margin-top: 50px;
	margin-left: -500px;
	text-align: left;
	
}


div#testimonials {
		
	display:block;
	margin-top: -160px;
	float: right;
	margin-right: -13px;
	text-align: left;

			
}

div#aboutpage{
    display: block;
	margin-top: 15px;
	margin-bottom: 40px;
    width: 982px;
	height: 568px;
	background: url(../images/aboutpage.png);
	background-repeat: no-repeat;
	background-position:top;
}

div#pricingtable{
    display: block;
	margin-top: 15px;
    width: 982px;
	height: 813px;
	background: url(../images/pricingtableinfo.png);
	background-repeat: no-repeat;
	background-position:top;
}

div#pricingtablereseller{
    display: block;
	margin-top: 15px;
    width: 982px;
	height: 813px;
	background: url(../images/pricingtableinforeseller.png);
	background-repeat: no-repeat;
	background-position:top;
}

div#buttons{
	height: 0px;
    display: block;
	margin-bottom: 90px;
    width: 982px;
}



div#buttons h1{
	height: 0px;
    display: block;
    width: 89px;
	padding-right: 240px;

}

div#buttons h2{
	height: 0px;
    display: block;
    width: 89px;
	margin-top: -21px;
	padding-left: 25px;

}

div#buttons h3{
	height: 0px;
    display: block;
    width: 89px;
	margin-top: -20px;
	padding-left: 295px;


}

div#buttons h4{
	height: 0px;
    display: block;
    width: 89px;
	margin-top: -19px;
	padding-left: 560px;

}

div#buttons h5{
	height: 0px;
    display: block;
    width: 89px;
	margin-top: -18px;
	padding-left: 835px;

}

div#buttons h6{
	height: 0px;
    display: block;
    width: 300px;
	margin-top: -24px;
	padding-right: 800px;

}


div#footer {
	
	background-color: black;
	height: 201px;
	margin-top: 10px;
	text-align: center;
	

}
div#footer-width {
	
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
}

div#left-col2a{
	
	font-family: Verdana;
	text-align: left;
	width: 240px;
	text-decoration: none;
	
}

div#left-col2a h1{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	padding-top: 20px;
	margin-left: -13px;
	text-align: left;
	padding-bottom: 10px;
	font-style: normal;
	text-decoration: none;
}

div#left-col2a p{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-left: -13px;
	text-align: left;
	margin-bottom: -5px;
	font-style:italic;
    text-decoration: none;

	
}

div#left-col2b{
	
	font-family: Verdana;
	text-align: left;
	width: 480px;
    text-decoration: none;
	
}

div#left-col2b h1{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-top: -141px;
	margin-left: 177px;
	text-align: left;
	padding-bottom: 10px;
	font-style: normal;
	text-decoration: none;
}

div#left-col2b p{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-left: 177px;
	text-align: left;
	margin-bottom: -5px;
	font-style:italic;
	
}

div#left-col2c{
	
	font-family: Verdana;
	text-align: left;
	width: 720px;
	list-style: none;
	text-decoration: none;

	
}

div#left-col2c h1{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-top: -141px;
	margin-left: 371px;
	text-align: left;
	padding-bottom: 10px;
	list-style: none;
	text-decoration: none;

	
}

div#left-col2c p{
	
	font-family: Verdana;
	font-size: 14px;
	color: #f3f6f8;
	margin-left: 371px;
	text-align: left;
	margin-bottom: -5px;
	font-style:italic;
	list-style: none;
	text-decoration: none;

	
}


div#right-col2a p{
	
	float: right;
	font-family: Verdana;
	text-align: left;
	width: 310px;
	font-family: Verdana;
	font-size: 14px;
	color: #8fbd44;
	text-align: left;
	margin-right: -20px;
	margin-top: -82px;

}

div#right-col2b p{
	
	float: right;
	font-family: Verdana;
	text-align: left;
	width: 310px;
	font-family: Verdana;
	font-size: 14px;
	color: white;
	text-align: left;
	margin-right: -20px;
	margin-top: -2px;

}

In my CSS there are some elements for the other pages so if you see something that is not for the homepage its there for a reason.

iron hide · Jul 20, 2011

hmmm. backup your code and try removing this block
"UZRHosting.com is a new hosting company founded in 2010. We offer cheap, reliable and secure web-hosting.

© 2010-2011 UZRHosting.com. All Rights Reserved"

maybe its pushing it over. Give it a try

CMSVisuals · Jul 20, 2011

I removed it but the footer on Google Chrome still seems to be slightly weird. The Testimonial still seems to also randomly move to the right.

iron hide · Jul 20, 2011

I can still see it. Are you sure you removed it?

CMSVisuals · Jul 20, 2011

I just re-added it... Let me remove it again...

UPDATE: Removed it again.

iron hide · Jul 20, 2011

remove the one that is miss-aligned.

CMSVisuals · Jul 20, 2011

I am not sure I know what you want? Remove what?

iron hide · Jul 20, 2011

Did you add the code? I want to try it one by one. Remove all, then add first. Let me know and then add second. I want to look them separately one by one. Just backup whole code, and try it

because when I add your code in my editor, it works and everything is aligned. I want to see their behaviors.

Thanks

CMSVisuals · Jul 20, 2011

Ok, when you say "the code" I am not exactly sure what you mean. Please be a little more specific.

iron hide · Jul 20, 2011

remove the footer code.

:<div id="footer">

<div id="footer-width">

<div id="left-col2a">

<h1> UZR Core Pages </h1>

<p><a href="index.php">Home</a></p>
<p><a href="about.php">About</a></p>
<p><a href="pricing.php">Pricing</a></p>
<p><a href="faq">FAQ</a></p>

</div>

<div id="left-col2b">
<h1> UZR Service Pages </h1>

<p>Client Login</p>
<p>Contact Us</p>
<p><a href="privacypolicy.php">Privacy Policy</a></p>
<p><a href="TOS.php">Terms of Service</a></p>

</div>

<div id="left-col2c">
<h1> UZR Database Sites </h1>

<p><a href="http://uzrposting.com/">UZRPosting.com</a></p>
<p><a href="http://MMODisney.com/">MMODisney.com</a></p>

</div>:"

and add each block one by one.

Thanks

Website is not the same...

Up-and-Coming Sensation

Up-and-Coming Sensation

Seasoned Veteran

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Seasoned Veteran

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

Up-and-Coming Sensation

About Us

Sponsors

Affiliates

Stay Connected

We value your privacy