My problem is with length is that if a page has little content the page (colored bg) doesn’t go the bottem but stops at where the content stops leaving a emty other colored space below.
The only way you can solve that is via javascript or a technique called faux columns (find with Google).
Peter
Thanks for your input, anyone else who can help me with page width ? i don’t understand why it is so hard to find, i’ve changed and added lines (style.css) but nothing changes the page width .. where is it ?
Well i finaly found it, added width: 600px to the .item but now it isn’t centered, any suggestions ?
Maybe it is centered but it starts at same place as the page buttons ?
.item {
padding: 10px;
background-color: #F2EDB1;
background-image: url(/);
background-repeat: repeat;
text-align:left;
border: 0px #FFFFFF;
margin-bottom: 1em;
border: 2pt solid #422C24;
width: 600px;
}
Ok, i have yet fixed another part by myself, i must say support is very thin here, so problems take forever becoz i have to try infinite things and hope for the best.
I’m just putting the code here so people can use it.
Page-length i’ve fixed on a more simpler way without java, it now looks like its stretched to the bottem but it isn’t ofcoarse, used a background and centered it. (same color and width as the page ofcoarse, u can add width to the background and add a border like me)
Code (i’ve only checked this in IE btw)
body{
font-family: verdana;
font-size: 95%;
line-height: 115%;
background-color: #A72E1D;
background-image: url(http://i35.tinypic.com/bgtu0z.gif);
background-repeat: repeat-y;
background-position: center top;
text-align: center;
}
And the other problem i was having with the page width edited it wasn’t centered anymore, fixed it with adding these lines to .item
margin-left: auto;
margin-right: auto;
And now what is my last problem the tabbed page buttons, yui-nav thing, i can’t figure it out why it isn’t centered. Tried so much but i can’t figure it out.
#menu { padding:0; border:0px solid #fff }
#menu ul { list-style:none; margin:0; padding:0; font-size:85%; }
#menu ul li { padding:0; margin:0; border-bottom:1px solid #FFFFFF; }
#menu ul li a { ddisplay:block; padding:4px 4px 4px 4px; text-decoration:none; color: #262601; }
#menu ul li a:hover { color:myheadttcolor; background: #FFGGFF; }
li .categories, li .linkcat, li .pagenav {
list-style: left;
margin: 0px;
padding: 0px;
}
.yui-nav{
text-align : center;
margin-bottom: 0px;
}
.yui-navset .yui-nav a:hover {
background-color: #41524E;
color: #FFFFFF;
}
.yui-navset .yui-nav li a {
background-color: #FFFFFF;
background-image: url(/);
background-repeat: repeat;
border-bottom: 0px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
color: #000000;
padding: .2em .2em .2em .2em;
text-decoration:none;
font-size: 70%;
}
Look at my page to see the problem.
Hope someone can help me, i’m begging. 🙂
Fixed my last problem, i had to change text align to center in page.php
This topic is resolved for me.
