...

View Full Version : Word press Theme - Wrong width



phil799
11-04-2009, 09:08 PM
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:


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

Excavator
11-04-2009, 10:14 PM
Hello phil799,

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum