Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Hi all, help me ?

Discussion in 'Introduction Forum:' started by kentnovice, Sep 5, 2011.

  1. kentnovice

    kentnovice Junior Member

    Hi all, bit of a web design novice, created a few html/css basic sites and not sure on a problem.

    Medway Messenger Sunday Football League is in creation stage, it is basic and an information site to be edited weekly. All seems to work in Firefox but in ie the home page links lists are all over the place, any of you more knowledgable types able to advise?, thanks.
     
  2. kentnovice

    kentnovice Junior Member

    Hi :) anybody got any ideas? I am really not sure why it is not working in Internet Explorer. I think it could maybe be the order of the css code? I expect there is a lot of mistakes in my css code so please be gentle.

    body {
    background-color: #DDDDDD;
    text-align: center;
    }



    #wrapper {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    background-color: #ffffff;
    }



    img {
    border-style: none;
    }

    img.floatleft {
    float: left;
    margin: 4px;
    }


    #mainoutlinebox {
    position: absolute;
    margin-left: 20px;
    top: 20px;
    height: 1800px;
    width: 1024px;
    border: 1px #000;
    background-color: #fff;
    }

    #mainoutlinebox2 {
    position: absolute;
    margin-left: 20px;
    top: 20px;
    height: 600px;
    width: 1024px;
    border: 1px #000;
    background-color: #fff;
    }


    #mainoutlinebox3 {
    position: absolute;
    margin-left: 20px;
    top: 20px;
    height: 2300px;
    width: 1024px;
    border: 1px #000;
    background-color: #fff;
    }


    #mainoutlinebox4 {
    position: absolute;
    margin-left: 20px;
    top: 20px;
    height: 31500px;
    width: 1024px;
    border: 1px #000;
    background-color: #fff;
    }



    #maininnerbox {
    position: absolute;
    margin-left: 10px;
    top: 210px;
    height: 1580px;
    width: 1000px;
    font-family: arial, calibri;
    font-size: 14px;
    text-decoration: none;
    }

    #maininnerbox2 {
    position: absolute;
    margin-left: 10px;
    top: 210px;
    height: 2080px;
    width: 1000px;
    font-family: arial, calibri;
    font-size: 14px;
    text-decoration: none;
    }

    #maininnerbox3 {
    position: absolute;
    margin-left: 10px;
    top: 210px;
    height: 2580px;
    width: 1000px;
    font-family: arial, calibri;
    font-size: 14px;
    text-decoration: none;
    }


    #maininnerbox4 {
    position: absolute;
    margin-left: 10px;
    top: 210px;
    height: 680px;
    width: 1000px;
    font-family: arial, calibri;
    font-size: 14px;
    text-decoration: none;
    }


    #maininnerbox5 {
    position: absolute;
    margin-left: 10px;
    top: 210px;
    height: 8680px;
    width: 1000px;
    font-family: arial, calibri;
    font-size: 14px;
    text-decoration: none;
    }


    #maininnerbox6 {
    position: absolute;
    margin-left: 10px;
    top: 210px;
    height: 20000px;
    width: 1000px;
    font-family: arial, calibri;
    font-size: 14px;
    text-decoration: none;
    }



    #tablebox {
    position: absolute;
    margin-left: 5px;
    top: 40px;
    width: 450px;
    height: 450px;

    }


    #scorersbox {
    position: absolute;
    margin-left: 500px;
    top: 0px;
    width: 450px;

    }


    #resultsbox {
    position: absolute;
    top: 480px;
    margin-left: -500px;
    width: 950px;
    height: 650px;
    font-family: arial, calibri;
    font-size: 14px;
    color: #000;
    }



    #header {
    position: absolute;
    margin-left: 12px;
    margin-top: 3px;
    }


    #links {
    position: absolute;
    margin-left: 12px;
    top: 154px;
    }


    #honourssenior {
    position: absolute;
    top: 240px;
    margin-left: 10px;
    font-family: arial, calibri;
    font-size: 14px;
    }

    #honourspremier {
    position: absolute;
    top: 10px;
    margin-left: 300px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 300px;
    }

    #honoursdiv1 {
    position: absolute;
    top: 0px;
    margin-left: 300px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 300px;
    }

    #honoursdiv2 {
    position: absolute;
    top: 380px;
    margin-left: -610px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 300px;
    }

    #honoursdiv3 {
    position: absolute;
    top: 0px;
    margin-left: 300px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 300px;
    }

    #honoursdiv4 {
    position: absolute;
    top: 0px;
    margin-left: 300px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 300px;
    }

    #honoursdiv5 {
    position: absolute;
    top: 380px;
    margin-left: -610px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 300px;
    }

    #honoursdiv6 {
    position: absolute;
    top: 0px;
    margin-left: 300px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 350px;
    }


    #leaguepersonality {
    position: absolute;
    top: 380px;
    margin-left: -310px;
    font-family: arial, calibri;
    font-size: 14px;
    width: 900px;
    }




    #mainstorybox {
    position: absolute;
    top: 210px;
    margin-left: 12px;
    width: 500px;
    height: 300px;
    }



    #storybox2outer {
    position: absolute;
    top: 210px;
    margin-left: 530px;
    }


    #storybox2 {
    position: absolute;
    top: 40px;
    margin-left: 20px;
    width: 250px;
    height: 290px;
    font-family: arial, calibri;
    font-size: 14px;
    }


    #storybox2 ul {
    list-style: none;
    margin: 0;
    padding: 10px 0px 5px 20px;
    }

    #storybox2 li a:hover {
    color: #000;
    }

    #storybox2 a:link, #storybox2 a:visited {
    position: relative;
    display: block;
    padding: 5px 5px 5px 5px;
    color: #7b0000;
    text-decoration: none;

    }





    #messengersouterbox {
    position: absolute;
    margin-left: 806px;
    top: 210px;

    }


    #messengers {
    position: absolute;
    margin-left: 0px;
    top: 40px;
    width: 205px;
    height: 300px;
    font-family: arial, calibri;
    font-size: 14px;
    }

    #messengers ul {
    list-style: none;
    margin: 0;
    padding: 10px 0px 5px 20px;
    }

    #messengers li a:hover {
    color: #000;
    }

    #messengers a:link, #messengers a:visited {
    position: relative;
    display: block;
    padding: 5px 5px 5px 5px;
    color: #7b0000;
    text-decoration: none;

    }
     

Share This Page