Forums

nchipping

www.meandmyback.com/providentmoney

I am working on this site and can't seem to get things to stay in place with IE. I have figured out how to get it working in other browsers, but it won't stay put in IE. Please help!

HTML:

<!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\" />
<link href=\"style/style.css\"  rel=\"stylesheet\" type=\"text/css\" />
<title>Provident Money</title>

</head>
<body>
	<div id=\"container\">
    	<div id=\"header\">
        	<div id=\"header-login\">
            <ul>
            	<li><a href=\"#\"><img alt=\"Login\" src=\"images3/login.gif\"/></a></li>
                <li><a href=\"#\"><img alt=\"Sign Up\" src=\"images3/signup.gif\" /></a></li>
             </ul>
             </div>
            
        <img id=\"headerimage\" alt=\"Provident Money\" src=\"images3/provident-money-logo.gif\" />
        <div class=\"clear\"></div>
        <div id=\"nav\">
        	<ul>
            	<li><a href=\"http://www.meandmyback.com/providentmoney/\"><img alt=\"Home\" src=\"images3/nav/home.gif\" /></a></li>
                <li><img src=\"images3/nav/separator-block.gif\" alt=\"\" /></li>
                <li><a href=\"http://www.meandmyback.com/providentmoney/features\"><img alt=\"Features\" src=\"images3/nav/features.gif\" /></a></li>
                 <li><img src=\"images3/nav/separator-block.gif\" alt=\"\" /></li>
                <li><a href=\"http://www.meandmyback.com/providentmoney/faqs\"><img alt=\"FAQs\" src=\"images3/nav/faqs.gif\" /></a></li>
                 <li><img src=\"images3/nav/separator-block.gif\" alt=\"\" /></li>
                <li><a href=\"http://www.meandmyback.com/providentmoney/about\"><img alt=\"About Us\" src=\"images3/nav/about-us.gif\" /></a></li>
            </ul>
        </div>
        <div class=\"clear\"></div><br /><br />
        </div>
        <div id=\"main\">
        <img alt=\"Round Arrows\" id=\"align\" src=\"images/round-arrows.gif\" />
        <img alt=\"3 Steps to Your Success...\" style=\"margin:0px 0px 30px 10px;\" src=\"images3/3steps.gif\" />
        <br />
        <div id=\"main1\">
            	<img alt=\"1. Track\" src=\"images/track.gif\" /><br /><br />
            	<p>\"You cannot improve that<br /> which you do not track.\"</p><br />
                <p>Take control of your finances with<br />
our <b>easy-to-use</b> tracking and<br />
budgeting software and begin the<br />
journey to financial freedom.</p>
			</div>
          <div id=\"main2\">
            	<img alt=\"2. Evaluate\" src=\"images/evaluate.gif\" /><br /><br />
                <ul>
                	<li>Over <b>100 powerful calculators</b><br />
                     created by our team of highly-<br />
                     specialized mathematicians gives<br />
                      you ultimate ability to evaluate<br />
                      your current situation, as well as<br />
                      see the even more important<br />
                       \"what if\" scenarios.</li>
                </ul>
             	<br />
          </div><!--END OF MAIN2 -->
            <div id=\"main3\">
            	<img alt=\"3. Execute\" src=\"images/execute.gif\" /><br /><br />
                		<p>When it comes time to execute<br />
                         and make a change to your<br />
                          financial plan, you want to make<br />
                           sure you get the best and most-<br />
                           <b>trusted advice</b> possible.  Our<br />
                           <b> network of professionals</b> will<br />
                            help you do just that. </p>
			</div><!--END OF MAIN3 -->
            <div id=\"align3\">
            <ul>
            	<li><a href=\"#\"><img alt=\"Learn More\" src=\"images3/nav2/learn-more.gif\" /></a></li>
                <li><a href=\"#\"><img class=\"down\" alt=\"Learn More\" src=\"images3/nav2/demo.gif\" /></a></li>
                <li><a href=\"#\"><img class=\"down\" alt=\"Learn More\" src=\"images3/nav2/join-free.gif\" /></a></li>  
            </ul>
            </div>              
        </div><!--END OF MAIN -->
        <div id=\"main-right\">
        <img alt=\"People\" src=\"images/people.gif\" />
        </div>    
        <div id=\"main-right2\">
        	<h5><b><a href=\"#\">The Success Spiral&trade; <img id=\"align2\" alt=\"Go Arrow\" src=\"images/goarrow2.gif\" /></a></b></h5><br />
        	<p>What is it?  Learn about this <br />powerful concept, and why <br />it is the foundation of our <br />provident philosophy, and <br />your financial success!</p>
        </div>
        <div class=\"clear\"></div>
        
        <div id=\"main-second\">
                <p>Provident Money is all about giving you the tools and advice you need to help you get out of debt, stay out of debt, save money, make the most of your investments, 							and ultimately, achieve financial freedom.</p><br />
        
        <p>We don’t bother with the fluff, or the hype-of-the-day financial ideas that float around the internet.  We give you solid, time-tested advice and tools that enable you to achieve your goals quickly and efficiently.</p><br />
        
        <p>Our sister company, <img style=\"margin:0px 0px -20px 0px;\" src=\"images3/logos/calcXML.gif\" alt=\"calcXML\" />                 has a long history of providing powerful calculators and financial tools<br />to leading companies &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  	            throughout the world.  Our desire with Provident Money.com is to give you those same tools (and more).  </p><br />
        
        <p>Our Provident philosophy means that we believe financial planning and financial tools should be free to everyone who needs them.  Do we make money through this site?  Sure we do.  You can find out more about that here.  But for you, the real, down-to-earth person who is trying to make a living, make ends meet,  and at the same time somehow save enough for college and retirement, this service is and always will be free.</p><br />
        
        <p>So what do you have to lose?  Take the Demo Tour.  Join Now for free.  Change your financial future by taking control of it today!  </p><br />
        
        <p>Jed Galbraith,<br />
        President & Founder</p><br />
        
        <p>p.s.  Please be aware that we are still in beta, and are adding to and upgrading our site and services continuously.  So please feel free to contact us if you feel our site is missing something you need.   Good Luck on your journey to financial success!</p><br />
        
       <p> p.p.s.  Here are some of the companies who use our services...  We just thought you’d like to know that we’re the real deal, and we just might know a thing or two when it comes to money.   

</p><br /><br /><br />
<div id=\"image-container\">
<img class=\"left\" src=\"images3/logos/yahoo-finance.gif\" alt=\"Yahoo Finance\" />
<img class=\"right\" src=\"images3/logos/zeigler-wealth-management.gif\" alt=\"Ziegler\" />
<div class=\"clear\"></div><br />
<!--next line-->
<img class=\"left\" src=\"images3/logos/bank-of-american-fork.gif\" alt=\"Bank of American Fork\" />
<img style=\"margin: 0px 0px 0px 80px;\" class=\"left\" src=\"images3/logos/fox-business.gif\" alt=\"Fox Business\" />
<img class=\"right\" src=\"images3/logos/aol-real-estate.gif\" alt=\"AOL Real Estate\" />
<div class=\"clear\"></div><br />
<!--next line-->
<img class=\"left\" src=\"images3/logos/jackson-insurance.gif\" alt=\"Jackson Insurance\" />
<img style=\"margin: 0px 0px 0px 80px;\" class=\"left\" src=\"images3/logos/eaton-vance.gif\" alt=\"Eaton Vance\" />
<img class=\"right\" src=\"images3/logos/ING.gif\" />
<div class=\"clear\"></div><br />
<!--next line-->
<img class=\"left\" src=\"images3/logos/womans-day.gif\" alt=\"Womans Day\" />
<img style=\"margin:0px 0px 0px 50px;\" class=\"left\" src=\"images3/logos/PBS.gif\" alt=\"PBS\" />
<img class=\"right\" src=\"images3/logos/mutua-of-omaha.gif\" alt=\"Mutua of Omaha\" />
<div class=\"clear\"></div><br />
<!--next line-->
<img class=\"left\" src=\"images3/logos/jk-lasser.gif\" alt=\"JK Lasser\" />
<img style=\"margin: 0px 0px 0px 50px;\" class=\"left\" src=\"images3/logos/jackson-hewitt-tax-service.gif\" alt=\"Jackson Hewitt\" />
<img class=\"right\" src=\"images3/logos/investment-management-llc.gif\" alt=\"Investment Management\" />
<div class=\"clear\"></div><br />
<!--next line-->
<img class=\"left\" src=\"images3/logos/symetra-financial.gif\" alt=\"Symetra Financial\" />
<img style=\"margin:0px 0px 0px 40px;\" class=\"left\" src=\"images3/logos/chesapeake-bank.gif\" alt=\"Chesapeake Bank\" />
<img style=\"margin:0px 0px 0px 50px;\" class=\"left\" src=\"images3/logos/hewitt.gif\" alt=\"Hewitt\" />
<img class=\"right\" src=\"images3/logos/lds-church.gif\" alt=\"Church of Jesus Christ of Latter-Day Saints\" />
<!--END OF IMAGES--><div class=\"clear\"></div>
</div>
	</div><!--END OF MAIN-SECOND, SO THIS IS BASICALLY THE END OF THE PAGE-->
    
    <div id=\"main-second-right\">
    <img src=\"images3/what-can-we-do-for-you.gif\" alt=\"What Can We Do For You?\" /><br /><br />
    <p>- Track Your Spending<br /><br />

- Create a Budget<br /><br />

- Eliminate Debt<br /><br />

- Compare Debt Pay-down Plans<br /><br />

- Save Money<br /><br />

- Use over 100 powerful calculators<br /> 
   &nbsp;&nbsp;to analyze your best financial moves<br /><br />

- Get solid advice from Professionals<br /><br />

- Find Professionals you trust 


    
    </p>
    </div>
    
    <!-- FOR NOW, SINCE THERE ISN'T CONTENT, MAIN-SECOND-RIGHT3 & 4 ARE COMMENTED OUT AND MAIN-SECOND-RIGHT2 IS EXTENDED TO THE LENGTH OF THE PAGE-->
    <!--<div id=\"main-second-right2\">-->
    <!--THIS IS WHERE THE VIDEO WILL GO
    </div>
    <div id=\"main-second-right3\">
    <img src=\"images3/nav2/demo-2.gif\" alt=\"Demo\" />
    </div>
    <div id=\"main-second-right4\">
    </div>
    
    -->
    
    
    <div class=\"clear\"></div>
    
        
    </div><!--END OF CONTAINER, AND THUS THE ENTIRE PAGE! -->
</body>
</html>

CSS:

* {
	margin:0;
	padding:0;
}
body {
	background-color: #364565;
}
img {
	border:none;
}
#container {
	margin: 0 auto;	
	padding-top: 70px;
	width: 910px;
}
#header {width: 648px; margin:10px 0px; background:#FFF; float:left; height:120px;}
#headerimage {
		margin:25px 25px 10px 25px;
	}
	#header-login {
		float:right;
		margin: 40px 10px 0px 20px;
	}
		#header-login ul li {
			margin: -20px 0px 10px 0px;
			width:60px;
			float:left; list-style:none; display:block;
		}
	#nav {float:right; margin:0px 5px 0px 0px;}
		#nav ul {list-style:none; display:block;}
			#nav ul li {float:left; list-style:none; display:block; margin:0px 10px;
			}
#main {
	float: left;
	width: 638px;
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	background-color:#FFF;
}
	#main1 {
		float:left;
		width: 190px;
		padding:5px;
		margin: 5px;
		text-align:right;
	}
	#main2 {
		float: left;
		width: 190px;
		padding: 5px;
		margin: 5px;
		border-left: solid 1px #364565;
		border-right: solid 1px #364565;
		text-align:center;
	}
		#main2 ul li{
			list-style:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
		}
	#main3 {
		float:right;
		width:190px;
		padding: 5px;
		margin: 5px;
		text-align:left;
	}
	
#main-right {
	float: right;
	width:249px;
	height:410px;
	margin: -130px 0px 0px;	
	background-color: #FFF;
}
#main-right2 {
	float:right;
	width: 200px;
	height:136px;
	margin-left: 5px;
	margin-top: 12px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 40px;
	padding-left: 50px;
	background-color: #E8A722;
	font-family:Arial, Helvetica, sans-serif;
	color: #364565;
}
	#main-right2 p {
		font-weight:600;
	}
#main-second {
	float: left;
	width: 548px;
	padding: 50px 50px 0px 50px;
	margin: 8px 0px 70px 0px;
	background-color:#FFF;
}
#main-second-right {
	float: right;
	width:200px;
	height:870px;
	margin:8px 0px;
	background-color: #FFF;
	padding: 40px 5px 20px 45px;
}
#main-second-right2 {
	float:right;
	width: 212px;
	height:600px;
	margin: 10px 10px 10px 0px;
	background-color: #000;
}
#main-second-right3 {
	float:right;
	margin: 10px 10px 20px 0px;
}
#main-second-right4 {
	float: right;
	width:200px;
	height:290px;
	margin:8px 0px;
	background-color: #FFF;
	padding: 40px 5px 20px 45px;
}
#align {
	margin-top: 20px;
	margin-left: 150px;
	margin-bottom: 20px;
}
#align2 {
	margin-left: 5px;
}
	#main-right2 h5 b a {
		text-decoration:none;
		color: #364565;
		border:none;
	}
	#main-right2 h5 b a:hover {
		color: #999;
	}
	#main-right2 h5 b a:visited {
		color: #364565;
		text-decoration:none;
	}
	#main-right2 h5 {
		padding-right: 30px;
	}
#align3 {
	display:block;
	float:left;
	list-style:none;
	width:648px;
}
	#align3 ul li {
		list-style:none;
		display:block;
		float:left;
		margin: 16px 26px -10px 26px;
		
	}
#h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:310px;
	margin-top:-140px;
	margin-bottom:12px;
}
#image-container {width:600px; margin: 0px 0px 0px -20px; padding:0px 0px 20px 0px;}
.clear {
	clear:both;
}
.down {margin: 21px 0px 0px 0px;}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.left {float:left}
.right {float:right}

The stylesheet for the other pages is here:

CSS:

* {
	margin:0;
	padding:0;
}
body {
	background-color: #364565;
}
img {
	border:none;
}
#container {
	margin: 0 auto;	
	padding-top: 70px;
	width: 910px;
}
#header {width: 910px; margin:10px 0px; background:#FFF; height:100px;}
#headerimage {
		margin:25px 25px 10px 25px;
	}
	#header-login {
		float:right;
		margin: 30px 10px 0px 20px;
	}
		#header-login ul li {
			margin: -20px 0px 10px 0px;
			width:60px;
			float:left; list-style:none; display:block;
		}
	#nav {float:right; margin:-20px 5px 0px 0px;}
		#nav ul {list-style:none; display:block;}
			#nav ul li {float:left; list-style:none; display:block; margin:0px 10px;
			}
#main {
	float: left;
	width: 628px;
	height:520px;
	padding: 10px;
	margin: 0px 0px 30px 0px;
	background-color:#FFF;
}
#main-second {
	float: left;
	width: 548px;
	padding: 50px 50px 0px 50px;
	margin:0px 0px 70px 0px;
	background-color:#FFF;
}
	
#main-right {
	float: right;
	width:249px;
	height:280px;
	margin: 0px 0px 0px;	
	background-color: #FFF;
}
	#box {
		width:200px;
		height:200px;
		margin:20px 0px 10px 25px;
		background:#000;
	}
#main-right2 {
	float:right;
	width: 200px;
	height:136px;
	margin-left: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 40px;
	padding-left: 50px;
	background-color: #E8A722;
	font-family:Arial, Helvetica, sans-serif;
	color: #364565;
}
	#main-right2 p {
		font-weight:600;
	}
#align {
	margin-top: 20px;
	margin-left: 150px;
	margin-bottom: 20px;
}
#align2 {
	margin-left: 5px;
}
	#main-right2 h5 b a {
		text-decoration:none;
		color: #364565;
		border:none;
	}
	#main-right2 h5 b a:hover {
		color: #999;
	}
	#main-right2 h5 b a:visited {
		color: #364565;
		text-decoration:none;
	}
	#main-right2 h5 {
		padding-right: 30px;
	}
#align3 {
	display:block;
	float:left;
	list-style:none;
	width:648px;
}
	#align3 ul li {
		list-style:none;
		display:block;
		float:left;
		margin: 16px 26px -10px 26px;
		
	}
#h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:310px;
	margin-top:-140px;
	margin-bottom:12px;
}
#image-container {width:600px; margin: 0px 0px 0px -20px; padding:0px 0px 20px 0px;}
.clear {
	clear:both;
}
.down {margin: 21px 0px 0px 0px;}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.left {float:left}
.right {float:right}
.indent {margin:15px 0px 15px 110px;}
.indent2 {margin:10px 0px 0px 80px;}

creativeideas

hi frnd,

first of all this is not the right method to create a site.....
and in your site thr is problem with ur width only just increase your contianer width to 940px and it will work fine

chris

I wish Chris would do an entire screen cast on internet explorer. I always have this problem, and see about twenty posts a day on this topic.

nchipping

creativeideas,

Not trying to be rude, but what do you mean that this is not the way to create a site? I am newer to this, and am open to your critiques and suggestions...

nchipping

I tried putting the container width to 940px and now in Firefox and other browsers (other than IE) the spacing is really big, but it still doesn't look right in IE - things are off vertically... Any ideas? I agree that Chris should do a screencast on IE!

creativeideas

hi frnd,
thr r other easy and clen method to create it .....go through this code i make little changes and input to main div left and right now change the small block accordin to your need hope this will wrk for u..

<div id=\"container\">
    <div id=\"left\"><div id=\"header\">
   	  <div id=\"header-login\">
            <ul>
            	<li><a href=\"http://my.providentmoney.com/do/login?skn=11\"><img alt=\"Login\" src=\"Provident%20Money%20-%20Home_files/login.gif\"></a></li>
                <li><a href=\"http://my.providentmoney.com/do/user?skn=11&amp;dispatch=add\"><img alt=\"Sign Up\" src=\"Provident%20Money%20-%20Home_files/sign-up2.gif\"></a></li>
        </ul>
             </div>
       	<a href=\"http://www.meandmyback.com/providentmoney\"><img id=\"headerimage\" alt=\"Provident Money\" src=\"Provident%20Money%20-%20Home_files/provident-money-logo.gif\" /></a>
       	<div class=\"clear\"></div>
        <div id=\"nav\">
        	<ul>
            	<li><a href=\"http://www.meandmyback.com/providentmoney/\"><img alt=\"Home\" src=\"Provident%20Money%20-%20Home_files/home.gif\"></a></li>
                <li><img src=\"Provident%20Money%20-%20Home_files/separator-block.gif\" alt=\"\"></li>
                <li><a href=\"http://www.meandmyback.com/providentmoney/features\"><img alt=\"Features\" src=\"Provident%20Money%20-%20Home_files/features.gif\"></a></li>
                 <li><img src=\"Provident%20Money%20-%20Home_files/separator-block.gif\" alt=\"\"></li>
                <li><a href=\"http://www.meandmyback.com/providentmoney/faqs\"><img alt=\"FAQs\" src=\"Provident%20Money%20-%20Home_files/faqs.gif\"></a></li>
                 <li><img src=\"Provident%20Money%20-%20Home_files/separator-block.gif\" alt=\"\"></li>
                <li><a href=\"http://www.meandmyback.com/providentmoney/about\"><img alt=\"About Us\" src=\"Provident%20Money%20-%20Home_files/about-us.gif\"></a></li>
            </ul>
        </div>
        <div class=\"clear\"></div><br><br>
        </div><div id=\"main\">
        <img alt=\"Round Arrows\" id=\"align\" src=\"Provident%20Money%20-%20Home_files/round-arrows.gif\">
        <img alt=\"3 Steps to Your Success...\" style=\"margin: 0px 0px 30px 10px;\" src=\"Provident%20Money%20-%20Home_files/3steps.gif\">
        <br>
        <div id=\"main1\">
            	<img alt=\"1. Track\" src=\"Provident%20Money%20-%20Home_files/track.gif\"><br><br>
            	<p>\"You cannot improve that<br> which you do not track.\"</p><br>
                <p>Take control of your finances with<br>
our <b>easy-to-use</b> tracking and<br>
budgeting software and begin the<br>
journey to financial freedom.</p>
			</div>
          <div id=\"main2\">
            	<img alt=\"2. Evaluate\" src=\"Provident%20Money%20-%20Home_files/evaluate.gif\"><br><br>
                <ul>
                	<li>Over <b>100 powerful calculators</b><br>
                     created by our team of highly-<br>
                     specialized mathematicians gives<br>
                      you ultimate ability to evaluate<br>
                      your current situation, as well as<br>
                      see the even more important<br>
                       \"what if\" scenarios.</li>
                </ul>
             	<br>
          </div><!--END OF MAIN2 -->
            <div id=\"main3\">
            	<img alt=\"3. Execute\" src=\"Provident%20Money%20-%20Home_files/execute.gif\"><br><br>
                		<p>When it comes time to execute<br>
                         and make a change to your<br>
                          financial plan, you want to make<br>
                           sure you get the best and most-<br>
                           <b>trusted advice</b> possible.  Our<br>
                           <b> network of professionals</b> will<br>
                            help you do just that. </p>
			</div><!--END OF MAIN3 -->
            <div id=\"align3\">
            <ul>
            	<li><a href=\"#\"><img alt=\"Learn More\" src=\"Provident%20Money%20-%20Home_files/learn-more.gif\"></a></li>
                <li><a href=\"#\"><img class=\"down\" alt=\"Learn More\" src=\"Provident%20Money%20-%20Home_files/demo.gif\"></a></li>
                <li><a href=\"#\"><img class=\"down\" alt=\"Learn More\" src=\"Provident%20Money%20-%20Home_files/join-free.gif\"></a></li>  
            </ul>
            </div>              
        </div><div id=\"main-second\">
                <p>Provident
Money is all about giving you the tools and advice you need to help you
get out of debt, stay out of debt, save money, make the most of your
investments, and ultimately, achieve financial freedom.</p><br>
        
        <p>We
don’t bother with the fluff, or the hype-of-the-day financial ideas
that float around the internet. We give you solid, time-tested advice
and tools that enable you to achieve your goals quickly and efficiently.</p><br>
        
        <p>Our sister company, <a target=\"_blank\" href=\"http://www.calcxml.com/\">Calc XML</a> has a long history of providing powerful calculators and financial tools<br>to leading companies throughout the world.  Our desire with Provident Money.com is to give you those same tools (and more).  </p><br>
        
        <p>Our
Provident philosophy means that we believe financial planning and
financial tools should be free to everyone who needs them. Do we make
money through this site? Sure we do. You can find out more about that
here. But for you, the real, down-to-earth person who is trying to make
a living, make ends meet, and at the same time somehow save enough for
college and retirement, this service is and always will be free.</p><br>
        
        <p>So
what do you have to lose? Take the Demo Tour. Join Now for free. Change
your financial future by taking control of it today! </p><br>
        
        <p>Jed Galbraith,<br>
        President &amp; Founder</p><br>
        
        <p>p.s.
Please be aware that we are still in beta, and are adding to and
upgrading our site and services continuously. So please feel free to
contact us if you feel our site is missing something you need. Good
Luck on your journey to financial success!</p><br>
        
       <p>
p.p.s. Here are some of the companies who use our services... We just
thought you’d like to know that we’re the real deal, and we just might
know a thing or two when it comes to money. </p><br><br><br>
<div id=\"image-container\">
<img class=\"left\" src=\"Provident%20Money%20-%20Home_files/yahoo-finance.gif\" alt=\"Yahoo Finance\">
<img class=\"right\" src=\"Provident%20Money%20-%20Home_files/zeigler-wealth-management.gif\" alt=\"Ziegler\">
<div class=\"clear\"></div><br>
<!--next line-->
<img class=\"left\" src=\"Provident%20Money%20-%20Home_files/bank-of-american-fork2.gif\" alt=\"Bank of American Fork\">
<img style=\"margin: 0px 0px 0px 80px;\" class=\"left\" src=\"Provident%20Money%20-%20Home_files/fox-business.gif\" alt=\"Fox Business\">
<img class=\"right\" src=\"Provident%20Money%20-%20Home_files/aol-real-estate.gif\" alt=\"AOL Real Estate\">
<div class=\"clear\"></div><br>
<!--next line-->
<img class=\"left\" src=\"Provident%20Money%20-%20Home_files/jackson-insurance.gif\" alt=\"Jackson Insurance\">
<img style=\"margin: 0px 0px 0px 80px;\" class=\"left\" src=\"Provident%20Money%20-%20Home_files/eaton-vance.gif\" alt=\"Eaton Vance\">
<img class=\"right\" src=\"Provident%20Money%20-%20Home_files/ING.gif\">
<div class=\"clear\"></div><br>
<!--next line-->
<img class=\"left\" src=\"Provident%20Money%20-%20Home_files/womans-day.gif\" alt=\"Womans Day\">
<img style=\"margin: 0px 0px 0px 50px;\" class=\"left\" src=\"Provident%20Money%20-%20Home_files/PBS.gif\" alt=\"PBS\">
<img class=\"right\" src=\"Provident%20Money%20-%20Home_files/mutua-of-omaha.gif\" alt=\"Mutua of Omaha\">
<div class=\"clear\"></div><br>
<!--next line-->
<img class=\"left\" src=\"Provident%20Money%20-%20Home_files/jk-lasser.gif\" alt=\"JK Lasser\">
<img style=\"margin: 0px 0px 0px 50px;\" class=\"left\" src=\"Provident%20Money%20-%20Home_files/jackson-hewitt-tax-service.gif\" alt=\"Jackson Hewitt\">
<img class=\"right\" src=\"Provident%20Money%20-%20Home_files/investment-management-llc.gif\" alt=\"Investment Management\">
<div class=\"clear\"></div><br>
<!--next line-->
<img class=\"left\" src=\"Provident%20Money%20-%20Home_files/symetra-financial.gif\" alt=\"Symetra Financial\">
<img style=\"margin: 0px 0px 0px 40px;\" class=\"left\" src=\"Provident%20Money%20-%20Home_files/chesapeake-bank.gif\" alt=\"Chesapeake Bank\">
<img style=\"margin: 0px 0px 0px 50px;\" class=\"left\" src=\"Provident%20Money%20-%20Home_files/hewitt.gif\" alt=\"Hewitt\">
<img class=\"right\" src=\"Provident%20Money%20-%20Home_files/lds-church.gif\" alt=\"Church of Jesus Christ of Latter-Day Saints\">
<!--END OF IMAGES--><div class=\"clear\"></div>
</div>
	</div></div>
      <div id=\"right\"><div id=\"main-right\">
        <img alt=\"People\" src=\"Provident%20Money%20-%20Home_files/people.gif\" width=\"249\" height=\"410\">
        </div><div id=\"main-right2\">
        	<h5><b><a href=\"#\">The Success Spiral™ <img id=\"align2\" alt=\"Go Arrow\" src=\"Provident%20Money%20-%20Home_files/goarrow2.gif\"></a></b></h5><br>
        	<p>What is it?  Learn about this <br>powerful concept, and why <br>it is the foundation of our <br>provident philosophy, and <br>your financial success!</p>
        </div><div id=\"main-second-right\">
    <img src=\"Provident%20Money%20-%20Home_files/what-can-we-do-for-you.gif\" alt=\"What Can We Do For You?\"><br><br>
    <p>- Track Your Spending<br><br>

- Create a Budget<br><br>

- Eliminate Debt<br><br>

- Compare Debt Pay-down Plans<br><br>

- Save Money<br><br>

- Use over 100 powerful calculators<br> 
   &nbsp;&nbsp;to analyze your best financial moves<br><br>

- Get solid advice from Professionals<br><br>

- Find Professionals you trust 


    
    </p>
    </div></div>
    	
        <!--END OF MAIN -->
            
        
        <div class=\"clear\"></div>
        
        <!--END OF MAIN-SECOND, SO THIS IS BASICALLY THE END OF THE PAGE-->
    
    
    
    <!-- FOR NOW, SINCE THERE ISN'T CONTENT, MAIN-SECOND-RIGHT3 & 4 ARE COMMENTED OUT AND MAIN-SECOND-RIGHT2 IS EXTENDED TO THE LENGTH OF THE PAGE-->
    <!--<div id=\"main-second-right2\">-->
    <!--THIS IS WHERE THE VIDEO WILL GO
    </div>
    <div id=\"main-second-right3\">
    <img src=\"images3/nav2/demo-2.gif\" alt=\"Demo\" />
    </div>
    <div id=\"main-second-right4\">
    </div>
    
    -->
    
    
    <div class=\"clear\"></div>
    
        
    </div>

* {
	margin:0;
	padding:0;
}
body {
	background-color: #364565;
}
img {
	border:none;
}
#container {
	margin: 0 auto;	
	padding-top: 25px;
	width: 960px;
}
#left {width: 648px; float:left; }
#right {width: 250px; float:left; margin-left:20px;}
#header {width: 648px; margin:0px 0px 10px 0px; background:#FFF; float:left; height:120px;}
#headerimage {
		margin:25px 25px 10px 25px;
	}
	#header-login {
		float:right;
		margin: 40px 10px 0px 20px;
	}
		#header-login ul li {
			margin: -20px 10px 10px 0px;
			width:60px;
			float:left; list-style:none; display:block;
		}
	#nav {float:right; margin:0px 5px 0px 0px;}
		#nav ul {list-style:none; display:block;}
			#nav ul li {float:left; list-style:none; display:block; margin:0px 10px;
			}
#main {
	float: left;
	width: 638px;
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	background-color:#FFF;
}
	#main1 {
		float:left;
		width: 190px;
		padding:5px;
		margin: 5px;
		text-align:right;
	}
	#main2 {
		float: left;
		width: 190px;
		padding: 5px;
		margin: 5px;
		border-left: solid 1px #364565;
		border-right: solid 1px #364565;
		text-align:center;
	}
		#main2 ul li{
			list-style:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
		}
	#main3 {
		float:right;
		width:190px;
		padding: 5px;
		margin: 5px;
		text-align:left;
	}
	
#main-right {
	float: right;
	width:249px;
	height:410px;
	margin: 0px 0px 0px;	
	background-color: #FFF;
}
#main-right2 {
	float:right;
	width: 200px;
	height:136px;
	margin-left: 5px;
	margin-top: 12px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 40px;
	padding-left: 50px;
	background-color: #E8A722;
	font-family:Arial, Helvetica, sans-serif;
	color: #364565;
}
	#main-right2 p {
		font-weight:600;
	}
#main-second {
	float: left;
	width: 548px;
	padding: 50px 50px 0px 50px;
	margin: 8px 0px 70px 0px;
	background-color:#FFF;
}
#main-second-right {
	float: right;
	width:200px;
	height:855px;
	margin:8px 0px;
	background-color: #FFF;
	padding: 40px 5px 20px 45px;
}
#main-second-right2 {
	float:right;
	width: 212px;
	height:600px;
	margin: 10px 10px 10px 0px;
	background-color: #000;
}
#main-second-right3 {
	float:right;
	margin: 10px 10px 20px 0px;
}
#main-second-right4 {
	float: right;
	width:200px;
	height:290px;
	margin:8px 0px;
	background-color: #FFF;
	padding: 40px 5px 20px 45px;
}
#align {
	margin-top: 20px;
	margin-left: 150px;
	margin-bottom: 20px;
}
#align2 {
	margin-left: 5px;
}
	#main-right2 h5 b a {
		text-decoration:none;
		color: #364565;
		border:none;
	}
	#main-right2 h5 b a:hover {
		color: #999;
	}
	#main-right2 h5 b a:visited {
		color: #364565;
		text-decoration:none;
	}
	#main-right2 h5 {
		padding-right: 30px;
	}
#align3 {
	display:block;
	float:left;
	list-style:none;
	width:648px;
}
	#align3 ul li {
		list-style:none;
		display:block;
		float:left;
		margin: 16px 26px -10px 26px;
		
	}
#h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:310px;
	margin-top:-140px;
	margin-bottom:12px;
}
#image-container {width:600px; margin: 0px 0px 0px -20px; padding:0px 0px 20px 0px;}
.clear {
	clear:both;
}
.down {margin: 21px 0px 0px 0px;}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.left {float:left}
.right {float:right}

treehouse : what would you like to learn today?

Forums

Can't get it to work properly in IE, but no other big issues