Right Sidebar Resizing

[chickens]

I recently implemented the right sidebar on my site and there is one small thing thats bugging me. When the window resized to be small the right sidebar resizes. The left works perfectly, just the right one is driving me nuts.

Is there a way to force the sidebar to never resize? I use the same CSS on both sides as far as I've been able to tell. Yet, they act different. I was told that if I used em rather than px for the size of the sidebar it would resolve the problem, no such luck.

Site: http://zacgarrett.com
problem screen shot: http://i23.tinypic.com/25k67f7.png

Thanks.

[chickens]

Resolved it.

I was working on the width from serendipityRightSide and serendipityLeftSide; Added width to serendipitySideBarItem and it worked like a charm.

[yellowled]

Is there a way to force the sidebar to never resize? I use the same CSS on both sides as far as I've been able to tell. Yet, they act different. I was told that if I used em rather than px for the size of the sidebar it would resolve the problem, no such luck.

What a bad tip. If you want the sidebar to never resize, you should use px. However, you should set if for the whole sidebar, not for .serendipitySideBarItem. Try something like this:

Code: Select all

#serendipityLeftSideBar { width: 120px; }
#serendipityRightSideBar { width: 150px; }

and lose the width: 120px; for .serendipitySideBarItem. You'll have to play with the px values to find the ones that satisfy you.

YL

[chickens]

Yeah, the person I was talking to is a PHP and ASP programmer. He was just guessing with the em. I've yet to talk to someone who truly understands the whole em thing, but I have yet to talk to many designers; mainly programmers.

I originally had the left and right sidebar values set to 120px each. This was causing the issue that I originally posted. ie: the sidebar squeezing when there is not enough space on the page.

After looking through the settings I found that those settings are for the tables on my site which are causing some problems. After using the serendipitySideBarItem it resolved the issue for me. I want both of the sidebars to be the same size, so I am not worried about that aspect of it.

I am *thinking* about redesigning my site to use bulletproof, but I haven't sat down to figure out the layout yet. Yeah, I am fickle... I like to change stuff up once every few months.

[yellowled]

I am *thinking* about redesigning my site to use bulletproof, but I haven't sat down to figure out the layout yet. Yeah, I am fickle... I like to change stuff up once every few months.

So why not just port your current design to BP first? With the new BP 1.1 feature of additional user stylesheets, that's pretty simple

YL

[chickens]

I am the kind of person who if I am going to change anything I am going to go all out. haha

I was just talking to a friend who does web design for some tips... I am going to start working on a new design within the next few days. That is if nothing big comes up first.

note to self: dont ask a designer friend for options without knowing for sure you want to do it or not. After they start giving you tips you will force yourself into a redesign. (actually, it didnt take that much)