Grow your CSS skills. Land your dream job.

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

  • # June 8, 2009 at 7:16 pm

    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:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    Round Arrows
    3 Steps to Your Success...

    1. Track

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

    2. Evaluate

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

    3. Execute

    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.

    • Learn More
    • Learn More
    • Learn More

    People
    The Success Spiral™ Go Arrow

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

    Yahoo Finance
    Ziegler


    Bank of American Fork
    Fox Business
    AOL Real Estate


    Jackson Insurance
    Eaton Vance


    Womans Day
    PBS
    Mutua of Omaha


    JK Lasser
    Jackson Hewitt
    Investment Management


    Symetra Financial
    Chesapeake Bank
    Hewitt
    Church of Jesus Christ of Latter-Day Saints

    What Can We Do For You?

    - 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;}

    # June 9, 2009 at 3:22 am

    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

    # June 9, 2009 at 8:30 am

    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.

    # June 9, 2009 at 10:45 am

    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…

    # June 9, 2009 at 11:17 am

    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!

    # June 10, 2009 at 12:23 am

    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:
    Round Arrows
    3 Steps to Your Success...

    1. Track

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

    2. Evaluate

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

    3. Execute

    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.

    • Learn More
    • Learn More
    • Learn More

    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.

    Yahoo Finance
    Ziegler


    Bank of American Fork
    Fox Business
    AOL Real Estate


    Jackson Insurance
    Eaton Vance


    Womans Day
    PBS
    Mutua of Omaha


    JK Lasser
    Jackson Hewitt
    Investment Management


    Symetra Financial
    Chesapeake Bank
    Hewitt
    Church of Jesus Christ of Latter-Day Saints



    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}

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".