Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Oct 2005
    Posts
    196
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Damn IE is messing up my layout

    So I have my layout at: http://webdesign2.georgianc.on.ca/~100030165/CCR/ . And it all looks fine in FF, but if you look at it in IE, you will see that the news part sits at the bottom. Any way to make it sit in the right column? Also, i've been trying for a while to make it so when you click on Biography lets say, that link turns a certain color. And when you click another link, that link turns that same color.

    Thank you.
    Last edited by Glass Casket; 12-03-2005 at 03:26 AM.

  • #2
    New to the CF scene
    Join Date
    May 2005
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    try this

    body {
    background-color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    margin: 0;
    }
    hr {
    border: 1px solid #FFFFFF;
    }
    #container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1%;
    }
    #header img { padding-bottom: 0.5%; }
    #navcontainer {
    font-family: Arial,Sans-Serif;
    margin: 0 auto 0 0;
    font-weight: bold;
    font-size: 20px;
    word-spacing: 8px;
    }
    #navlist {
    text-align: center;
    margin: 0 auto 0 0;
    padding: 0;
    text-indent: 0;
    list-style-type: none;
    }
    #navlist li {
    padding: 0;
    margin: 0;
    text-indent: 0;
    display: inline;
    }
    #navlist li a {
    letter-spacing: 1px;
    text-decoration: none;
    color: #CCCCCC;
    font-size: 1em;
    padding: 0 2px 0 0;
    }
    #navlist li a:hover {
    color: #333333; /* #C20010 */
    border-top: none;
    }
    #navlist li a:active, a:link { color: #FC6; }
    #content { padding-top: 1%; }
    #left {
    float: left;
    width: 30%;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding-right: 1.5%;
    }
    #right {
    margin-left: 31%;
    color: #FFFFFF;
    padding-left: 1%;
    }
    #newscontent {
    margin-top: -3%;
    padding: 1%;
    background-color: #000000;
    }
    #newscontent p {
    font-size: 14px;
    color: #FFFFFF;
    text-indent: 3%;
    }
    #newscontent a:link, a:active, a:visited { color: #FFFFFF; }
    #newscontent a:hover { color: FC6; }
    #newscontent pre { font-size: 14px; }
    h1 {
    background-color: black;
    font-size: 20px;
    letter-spacing: 3px;
    color: white;
    padding: 1%;
    font-weight: bold;
    }
    h2 {
    color: #999966;
    width: 95%;
    background-color: black;
    padding: 0.5%;
    font-size: 18px;
    margin-left: 1%;
    font-weight: bold;
    }
    #left img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    }
    p.tracks { letter-spacing: 2px; }
    #validate { border: 0; }


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •