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
    Oct 2009
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Word press Theme - Wrong width

    I am creating a word press theme and "the loop" is not at the corect width in fact I don't have a width set. I have tried setting a width, still no luck. Here is my CSS:
    Code:
    body{
    background: #a5efff;
    }
    
    .sidebar{
    float:right;
    margin: 100px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFF;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-bottom-right:6px;
    -webkit-border-bottom-right-radius:6px;
    width:200px;
    }
    
    #wrapper{
    height: auto;
    width: 1150px;
    }
    
    #header{
    width:900px;
    padding: 30px;
    background-repeat: no-repeat;
    background-image: url('http://philocity.com/images/header.png');
    }
    
    .sidebar ul{
    list-style-type: none;
    margin: 10px;
    padding: 1px;
    }
    
    #status {
    	color: #FFF;
    	float: right;
    	width: 500px;
    	margin-bottom: 15px;
    }
    
    #status .avatar {
    	float: left;
    	margin-top: 4px;
    	padding: 2px;
    	background: url("http://philocity.com/images/status-avatar-bg.png") no-repeat 0 0;
    }
    
    #status p {
    	float: right;
    	width: 401px;
    	min-height: 30px;
    	margin: 0;
    	padding: 10px 20px 0 30px;
    	font-size: 1.1em;
    	line-height: 1.3em;
    	text-shadow: #000 1px 1px 3px;
    	background: url("http://philocity.com/images/status-top.png") no-repeat 0 0;
    	overflow: hidden;
    	font-weight: bold;
    }
    
    #status-bottom {
    	float: right;
    	width: 451px;
    	height: 12px;
    	background: url("http://philocity.com/images/status-bottom.png") no-repeat 0 100%;
    }
    
    #status ul {
    	float: left;
    	margin: 0;
    	padding: 0 20px;
    }
    
    #status ul li {
    	margin: 0;
    	padding: 0;
    	font-size: 1.1em;
    	color: #666;
    	list-style-type: none;
    	background: none;
    }
    
    #status a:hover {
    	text-decoration: none;
    }
    
    #home, #shop, #contact, #live, #partners, #contests {
    float: left;
    padding: 10px;
    background: #d6d6d3;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-bottom-right:6px;
    -webkit-border-bottom-right-radius:6px;
    margin-right: 2px;
    margin-left: 2px;
    }
    
    #post{
    margin: 100px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFF;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-bottom-right:6px;
    -webkit-border-bottom-right-radius:6px;
    width:auto;
    height: 1000px;
    }

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello phil799,

    I see no mention of a loop in that css you've posted...

    Can you explain what you mean by loop a little? A link to the site would probably help a lot.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Tags for this Thread

    Posting Permissions

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