...

View Full Version : Damn IE is messing up my layout



Glass Casket
12-03-2005, 04:05 AM
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.

ossae
12-03-2005, 05:19 AM
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; }



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum