Recent Topics

1 Jun 21, 2005 19:05    

Hi, new to b2e. Trying to figure out where the white space comes from in the skin Platinum. I'm running at 1280x1024, most views run 1024x768 or higher, so I'm not looking to cater to 800x600.

Anyway, at the higher resolutions, there is a huge white space between the blog entry and the menu. I can't seem to see where this comes from in the css file. Anyone offer any advice. I'd prefer to make the template strictly 1024x768, that way it'll be the same for everyone.

Any suggestions?

2 Jun 21, 2005 20:05

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

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

http://marksavage.net/b2e/images/ff-whitespace.jpg

http://marksavage.net/b2e/images/ie-whitespace.jpg

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


Form is loading...