1 savage702 Jun 21, 2005 19:05
3 savage702 Jun 21, 2005 20:31
Yes, here and on my site, using both IE and Firefox. Running 1280x1024 resolution. When I make the browser window smaller, they come together nicely, until you make it too small, then the sidebar pops to the bottom of the screen. Anyway, I'm going through the CSS making all kinds of changes right now, not getting anywhere really, but I'm all up for suggestions. ;)
Screenshots from FF & IE from skins.b2evolution.net.
4 topanga Jun 21, 2005 22:09
ok I see,
it is between the blog entrys and the sidebar ;)
I thought it had something to do with the round corners
I think that is an image..
and that image is not wide enough
I'll download the skin myself to see if I can find it quickly
edit : I found this in the css... there is your solution(at least, the problem ;))
.bPosts {
margin: 20px auto;
vertical-align: top;
float: left;
width: 510px;
background: #fff;
font-size: 100%;
padding-left:20px;
}
5 savage702 Jun 21, 2005 23:43
Thanks for your reply. Well, I'm working on it. Not exactly sure what is wrong in what you posted, but I'm concentrating on that portion of it. I made the background a darker color so I could make sure something wasn't creeping over. Seems that whatever I change doesn't make a difference to the size of that space... but some of the changes end up throwing the sidebar to the bottom of the screeen. :roll:
Development page is here: http://www.marksavage.net/b2e/blogs/
6 topanga Jun 22, 2005 00:23
http://www.tenderfeelings.be/blog/marksavage.php
.bPosts {
margin: 20px auto;
vertical-align: top;
float: left;
width: 810px;
background: #fff;
font-size: 100%;
padding-left:20px;
}
.bPost, .bPostpublished {
margin: 0 auto;
width: 840px;
background: url(img/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
overflow: hidden;
}
that is too big for a normal width of 1024 .. but you see what I mean
7 savage702 Jun 22, 2005 02:31
I think that looks perfect when you're looking at it from 1280x1024, but if someone is running say 1600x1200, or as you said 1024x768, then it's going to be messed up. The higher resolutions still have a large chunk of white space, and the lower resolutions throw the sidebar to the bottom of the page.
Is this just a weakness of css, or a weakness of this particular skin? I guess I'd like to have it fixed to look the same from 1024x768 and up... I've accomplished this with other sites, but this is probably the most detailed css skin/template I've played with for a blog/forum.
8 topanga Jun 22, 2005 07:50
its just not working like you want, because of the fixed width.
what you should do, is start with a skin that has the 100% width like fplanque2000.
that has 70% for the posts and 30 % for the sidebar.
Than you replace the layout for the articles themselves by those nice round corners...
it's pure css why it is not working...
do you also see that when you are viewing the skin here at the skin-section of b2evo ?
because I don't see a white space there...