Serendipity Forums

It has been so long since I messed with my sidebars in CSS I seem to have forgotten something along the way.

I decided I want to change the two 160wides to one 300wide and then use tables to chop it up.

I change the width and it doesn't change and stays at 160.
here in my style.css

#serendipityRightSideBar {
width: 300px;

Is it like welded to 160px somewhere else that I forgot about?

Other changes I make to it do take hold, just not the width.
I have removed everkything in Left sidebar in config plugins.
I have greyed out the css for leftsidebar which didnt matter.

rj wrote:It has been so long since I messed with my sidebars in CSS I seem to have forgotten something along the way.

I decided I want to change the two 160wides to one 300wide and then use tables to chop it up.

I change the width and it doesn't change and stays at 160.
here in my style.css

#serendipityRightSideBar {
width: 300px;

Is it like welded to 160px somewhere else that I forgot about?

Other changes I make to it do take hold, just not the width.
I have removed everkything in Left sidebar in config plugins.
I have greyed out the css for leftsidebar which didnt matter.

I guess we're gonna need an URL to look at it "live". At least I will, since I have no idea whatsoever what you could possibly have done here

YL

I figured it out! All I had to do was put something in it bigger than 160!
Hey thanx!

RJ

The width of my sidebar is fine in my regular entries but it is off in my static pages. I assume it is the same style sheet in my template folder which reads 170px;. Also I just noticed that I have lost my dashed line border. Any ideas?

~Ed587

Not only that but different static pages have different widths for the right sidebar.

ed587 wrote:Any ideas?

Any URL so we can check it out "live"? Any hint on which template you're using?

YL

The workaround I used was to put a HR line the width I wanted the sidebar in it.
As long as yer going bigger that what it says in CSS...

yellowled wrote:

ed587 wrote:Any ideas?

Any URL so we can check it out "live"? Any hint on which template you're using?

YL

Thanks for all the replies so far. I still have the problem. Just put the Guestbook in and the sidebar in the Guestbook is way too wide. The template is Joshua Neno
#serendipityRightSideBar {
width: 160px;
border-left: 1px dashed #000000;
padding: 10px;
vertical-align: top;
}
Also, I have not seen my dashed border-left in 90 days or more. My URL is
http://www.neterm.net/Byrnesville.html

The best,
~Ed587

ed587 wrote:The template is Joshua Neno

No, it's not. Maybe that's the source of error

To be quite honest, I have no idea what this is. default? Are you sure your s9y installation is set to the Joshua Nino theme under Manage Styles?

Garvin?

YL

yellowled wrote:

ed587 wrote:The template is Joshua Neno

No, it's not. Maybe that's the source of error

To be quite honest, I have no idea what this is. default? Are you sure your s9y installation is set to the Joshua Nino theme under Manage Styles?

Garvin?

YL

Thanks YL...
Okay, my serendipity installation is at http://www.neterm.net/serendipity

I checked under manage styles and it has what look like two identical Joshua-Nino 1.1 choices. One has the disk icon on the right and the other doesn't as ifit is already installed. Another weird thing...in my templates server folder the Joshua Nino folder was inside a second Joshual Nino folder, which I pulled out so it would be available. Perhaps I should delete these folders and choose Joshua-Nino 1.1 again through manage styles?

The best,
~Ed587

Definitely do NOT nest one template under another... keep all your template folders under just /templates/.

Next - your entries are introducing a lot of errors, which is contributing to your problems see this link for some ideas of what to correct: http://validator.w3.org/check?verbose=1 ... ndipity%2F

You have many exceptionally wide images - they are also breaking your layout. You should consider reducing the image widths, possibly reducing them in the entry, but linking those smaller images to a larger one.

Don Chambers wrote:Definitely do NOT nest one template under another... keep all your template folders under just /templates/.

Next - your entries are introducing a lot of errors, which is contributing to your problems see this link for some ideas of what to correct: http://validator.w3.org/check?verbose=1 ... ndipity%2F

You have many exceptionally wide images - they are also breaking your layout. You should consider reducing the image widths, possibly reducing them in the entry, but linking those smaller images to a larger one.

Thank you Don, I will do all these things. I am setting my right margin to 160 px. Should I plan on 800 pixels width for the entry and margn? That way I can limit the wide images to 634 px or so with the text above or below the image.

1024 x 768 remains the most common viewport size at the moment, although many users have much wider screen resolutions.

I personally try to limit my templates to no more than 990px (including all padding and margins), which will be contained within a 1024 wide viewport while still allowing vertical scrollbars without triggering horizontal scrollbars.

Don Chambers wrote:1024 x 768 remains the most common viewport size at the moment, although many users have much wider screen resolutions.

I personally try to limit my templates to no more than 990px (including all padding and margins), which will be contained within a 1024 wide viewport while still allowing vertical scrollbars without triggering horizontal scrollbars.

Don, this is exactly what I needed to know. I realize now I have been trying to stretch the hell out of the template. Everything is so forgiving intitally.

I assume the padding you are talking about is what might be added in a table. Okay, I think I have it. I have a lot of work ahead of me.

I don't know if others besides Garvin get the credit but the editor in 1.4.1 is kickass outstanding. Thanks for your reply.

The best,
~Ed587

I hate tables... they are slower to render than <div> based designs, and are considered inferior for lots of other reasons. However, if you found a design that you absolutely love, and it is table based, then stick with it I guess.

Just remember that not every visitor may have the same hardware as you... You might have some super-wide monitor, but you should really design your template around the common masses.