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
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Style Sheet Help

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


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

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    No page

    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.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

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