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

[nchipping]

http://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:

Code:

• 
• 

• 
• 
• 
• 
• 
• 
• 

“You cannot improve that
which you do not track.”

Take control of your finances with
our easy-to-use tracking and
budgeting software and begin the
journey to financial freedom.

• Over 100 powerful calculators
  created by our team of highly-
  specialized mathematicians gives
  you ultimate ability to evaluate
  your current situation, as well as
  see the even more important
  “what if” scenarios.

When it comes time to execute
and make a change to your
financial plan, you want to make
sure you get the best and most-
trusted advice possible. Our
network of professionals will
help you do just that.

• 
• 
• 

The Success Spiral™

What is it? Learn about this
powerful concept, and why
it is the foundation of our
provident philosophy, and
your financial success!

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.

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.

Our sister company, has a long history of providing powerful calculators and financial tools
to leading companies                       throughout the world. Our desire with Provident Money.com is to give you those same tools (and more).

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.

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!

Jed Galbraith,
President & Founder

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.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.

– Track Your Spending

– Create a Budget

– Eliminate Debt

– Compare Debt Pay-down Plans

– Save Money

– Use over 100 powerful calculators

  to analyze your best financial moves

– Get solid advice from Professionals

– Find Professionals you trust

CSS:

Code:

* {
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:

Code:

* {
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..

Code:

• 
• 

• 
• 
• 
• 
• 
• 
• 

“You cannot improve that
which you do not track.”

Take control of your finances with
our easy-to-use tracking and
budgeting software and begin the
journey to financial freedom.

• Over 100 powerful calculators
  created by our team of highly-
  specialized mathematicians gives
  you ultimate ability to evaluate
  your current situation, as well as
  see the even more important
  “what if” scenarios.

When it comes time to execute
and make a change to your
financial plan, you want to make
sure you get the best and most-
trusted advice possible. Our
network of professionals will
help you do just that.

• 
• 
• 

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.

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.

Our sister company, Calc XML has a long history of providing powerful calculators and financial tools
to leading companies throughout the world. Our desire with Provident Money.com is to give you those same tools (and more).

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.

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!

Jed Galbraith,
President & Founder

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.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.

The Success Spiral™

What is it? Learn about this
powerful concept, and why
it is the foundation of our
provident philosophy, and
your financial success!

– Track Your Spending

– Create a Budget

– Eliminate Debt

– Compare Debt Pay-down Plans

– Save Money

– Use over 100 powerful calculators

  to analyze your best financial moves

– Get solid advice from Professionals

– Find Professionals you trust

Code:

* {
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}

[Author]

Posts