...

View Full Version : CSS Style Sheet Help



brassmonk
01-01-2007, 11:04 PM
Hello everyone, I have currently been working on a website for my counterstrike 1.6 team and everything has been going pretty good. I have been using dreamweaver and front page for editing however I came across a problem on my webpage. It involves the alignment of my MAIN CONTENT area.

This is the website...

www.elitefrags.com

The image "contentHeader.gif" doesn't align correctly if you see (it's towards the far left and under the bar that says "MAIN CONTENT".

Pretty much my question is, how do I move the content area without moving the image over 1px to the right? Thanks.


Here is the css...



body {
padding: 0px;
margin: 0px;
background: #0d0e0f;
font: 11px Tahoma;
color: #000;
}

a {
color: #003C78;
}

a:hover {
color: #000;
}

strong {
color: #F02B2B;
}

#container {
display: block;
position: relative;
width: 771px;
margin-left: auto;
margin-right: auto;
background: url('../img/mainBg.gif');
padding-left: 80px;
padding-right: 80px;
}

#records {
display: block;
height: 134px;
background: url('../img/statsBg.gif');
padding-left: 6px;
}

#records h1 {
display: none;
}

#records ul {
margin: 0px;
padding: 0px;
width: 186px;
float: left;
list-style-type: none;
margin-right: 5px;
padding-top: 35px;
}

#records ul li {
display: block;
height: 23px;
background: url('../img/listItem.gif');
padding-left: 16px;
font: bold 11px/21px Tahoma;
color: #000;
}

#records ul .win {
background: url('../img/listItemWin.gif');
}

#records ul .tie {
background: url('../img/listItemTie.gif');
}

#records ul .loss {
background: url('../img/listItemLoss.gif');
}


#records ul li a {
color: #555;
}

#records ul li a:hover {
color: #000;
}

#content {
display: block;
position: relative;
}

#left {
float: left;
display: block;
width: 197px;
background: url('../img/leftbg.gif');
margin-bottom: 20px;
}

#sponsor {
background: url('../img/sponsorsFt.gif') no-repeat bottom left;
padding-bottom: 25px;
}

#sponsor ul {
margin: 0px;
padding: 0px;
display: block;
background: url('../img/sponsorsHeader.gif') no-repeat top left;
padding-top: 27px;
padding-left: 6px;
width: 191px;
}

#sponsor ul li {
width: 184px;
}

#sponsor ul li img {
border: 0px;
border-bottom: 1px solid #000;
display: block;
}

#roster {
background: url('../img/rosterFt.gif') no-repeat bottom left;
}

#roster ul {
margin: 0px;
padding: 0px;
display: block;
background: url('../img/rosterHeader.gif') no-repeat top left;
padding-top: 34px;
padding-left: 8px;
width: 189px;
padding-bottom: 9px;
}

#roster ul li {
display: block;
float: left;
height: 101px;
width: 89px;
background: url('../img/rosterItem.gif');
margin-right: 2px;
overflow: hidden;
}

#roster ul li img {
border: 0px;
padding: 3px;
}

#roster ul li span {
display: block;
padding-top: 6px;
padding-left: 10px;
}

#roster ul li a {
font: bold 11px Tahoma;
color: #fff;
text-decoration: none;
}

#roster ul li a:hover {
text-decoration: underline;
}

#right {
width: 574px;
float: left;
background: url('../img/contentBg.gif');
margin-bottom: 20px;
}

#mainContent {
background: url('../img/contentHeader.gif') no-repeat;
padding-top: 32px;
padding-left: 2px;
}

#mainContent p {
margin: 0px;
padding: 5px 15px;
}

#contentFooter {
display: block;
margin-left: 2px;
}

h2 {
display: block;
width: 558px;
height: 31px;
background: url('../img/headerBg.gif') no-repeat;
font: bold 11px/21px Tahoma;
color: #000;
padding-left: 7px;
margin: 0px;
}

h2 span {
float: right;
padding-right: 7px;
color: #003C78;
}

#footer {
position: relative;
width: 764px;
clear: left;
display: block;
height: 29px;
background: url('../img/mainFooter.gif');
}

#footer .irc {
display: block;
position: absolute;
top: 3px;
left: 29px;
font: bold 8px Tahoma;
text-transform: uppercase;
color: #4a4a4a;
text-decoration: none;
}

#footer .copyright {
display: block;
height: 0px;
padding-top: 10px;
width: 166px;
overflow: hidden;
background: url('../img/copyright.gif');
position: absolute;
top: 3px;
right: 27px;
}

ronaldb66
01-02-2007, 04:00 PM
Your index page seems to be missing, which makes it rather hard to analyse the problem. Also, your root directory is now open to any curious viewer to explore your subdirectories; you might want to fix that.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum