Columns bottom aligned

Cyberin · Post by **Cyberin** » Mon Jul 27, 2009 7:40 pm

Greetings all,

I had a friend of mine make me a theme for my serendipity install. My site crashed and I had to reinstall the theme from an older version that had two errors with it.

One, the images aren't showing in the navbar at the top, but I'm working on trying to figure that one out right now.

My main problem is the side columns are aligning to the bottom of the page rather than the top. I've looked all over and I'm just not experienced enough serendipity to find where the problem is. And the theme creator is extremely busy right now and won't have the time to help for a week or two, so I thought I would ask here to see if anyone might have an idea, or pointers as to where to look to get the columns aligned to the top?

newedendiaries.com is the site.

Post by **garvinhicking** » Mon Jul 27, 2009 7:55 pm

Hi!

How did you previously put graphics into the navbar? Using CSS? At least there are no images in the HTML, so I suppose you did it with CSS.

About the side columns: Usually those misalign, if the surrounding HTML is invalid, and the browser mixes up the containers. Check http://validator.w3.org/check?uri=http% ... ne&group=0 -- there are a lot of errors, maybe when fixing those, this will fix your sidebar issue.

HTH,
Garvin

Cyberin · Post by **Cyberin** » Mon Jul 27, 2009 9:24 pm

yeah, the images are shown with css, i'm just having trouble finding the class that it's using, and where that class is pulling the images from...which is what I'm currently looking for.

And thanks for the link, I'll check that out and see how it goes

Cyberin · Post by **Cyberin** » Mon Jul 27, 2009 9:47 pm

I can even find where 1 of those errors is coming from, lol. I've looked at tons of files and can't find where they are

Though, quite a few of them look as though they are coming from links on in the articles themselves which is weird, not sure how I would fix those really.

Post by **garvinhicking** » Tue Jul 28, 2009 11:38 am

Hi!

Did you fix it? Sidebars now appear proper to me!

Regards,
Garvin

Cyberin · Post by **Cyberin** » Wed Jul 29, 2009 2:07 am

nope, didn't fix it.

I have noticed that from time to time they do actually go where they are supposed to. It seems kinda random (more wrong than right though

)

Post by **yellowled** » Wed Jul 29, 2009 12:30 pm

Cyberin wrote:nope, didn't fix it.

I have noticed that from time to time they do actually go where they are supposed to. It seems kinda random (more wrong than right though )

Probably an IE-only issue. Do you use IE?

Might be du to expanding boxes in the sidebars. Is this a fixed or fluid layout? (Sorry, I really don't have time to look myself right now.)

YL

hyejohn · Post by **hyejohn** » Wed Jul 29, 2009 5:18 pm

You've got a confusing number of stylesheets associated! (10!)

<link rel="stylesheet" type="text/css" href="/templates/neweden/base.css" />
<link rel="stylesheet" type="text/css" href="http://www.newedendiaries.com/serendipity.css" />
<link rel="stylesheet" href="http://www.newedendiaries.com//script/tabber.css" TYPE="text/css" MEDIA="screen"/>
<link rel="stylesheet" type="text/css" href="/templates/neweden/ie5.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/ie6.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/ie7.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/blank_style.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/user.css" media="screen" />
<link rel="stylesheet" href="/mylibs/css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/mylibs/css/AeonsShips.css" type="text/css" media="screen" />

Try adding this to the END serendipity.css

#serendipityLeftSideBar,
#serendipityRightSideBar {
vertical-align: top;
}

Post by **yellowled** » Thu Jul 30, 2009 2:29 am

hyejohn wrote:<link rel="stylesheet" type="text/css" href="/templates/neweden/base.css" />
<link rel="stylesheet" type="text/css" href="http://www.newedendiaries.com/serendipity.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/ie5.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/ie6.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/ie7.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/blank_style.css" />
<link rel="stylesheet" type="text/css" href="/templates/neweden/user.css" media="screen" />
<link rel="stylesheet" href="/mylibs/css/lightbox.css" type="text/css" media="screen" />

At least those 8 stylesheets are not uncommon. Most of them are part of the Bulletproof template, one if for the lightbox plugin. Nothing to worry about.

hyejohn wrote:Try adding this to the END serendipity.css

#serendipityLeftSideBar,
#serendipityRightSideBar {
vertical-align: top;
}

If the issue is what I think it is (can't reproduce it w/ FF 3.5), that's not very likely to help.

YL

Cyberin · Post by **Cyberin** » Thu Jul 30, 2009 2:36 am

yellowled wrote:Probably an IE-only issue. Do you use IE?

Might be du to expanding boxes in the sidebars. Is this a fixed or fluid layout? (Sorry, I really don't have time to look myself right now.)

YL

Nope, don't know in IE, I only use firefox. (and truthfully only care if it works in firefox

)

It's all fixed width

hyejohn wrote:You've got a confusing number of stylesheets associated! (10!)
Try adding this to the END serendipity.css

#serendipityLeftSideBar,
#serendipityRightSideBar {
vertical-align: top;
}

tell me about it

that's part of the reason I'm having such a hard time, lol

That didn't seem to work at all, messed up the text a little, other than that nothing changed.

Post by **yellowled** » Thu Jul 30, 2009 3:08 am

Cyberin wrote:That didn't seem to work at all, messed up the text a little, other than that nothing changed.

"Messed up" is just the right expression here. Just took a little peak at the code ... SON OF A GUN!

That's not even Bulletproof anymore. That's a Bulletproof which has been -- I'm sorry, but this is the point where I stop being reserved -- horribly, horribly mutilated by inserting (YIKES!) table layout into BP. I think I have to get another beer just to be able to go on looking at it

And you're right, it's not even reproducable. Sometimes, the column's content will drop, sometimes it won't. I wouldn't even know where to begin to debug this since I haven't done a table-based layout in ages, let alone debugged one. And quite frankly, I'm not inclined to learn it now

I'm sorry, but this is just messed up, period. In my humble opinion, it doesn't even make sense to fix this. You should probably switch your blog to a template that's actually working and get your friend to rebuild your current design in BP using standards-compliant markup instead of layout tables. Just my 2 cents.

YL

Cyberin · Post by **Cyberin** » Thu Jul 30, 2009 3:38 am

I shall mention it to him

thanks for looking at it

Post by **Don Chambers** » Thu Jul 30, 2009 5:56 am

I agree with YL - I tried to help... but never quite connected via email.

Cyberin admits that he is trying to set things straight from a version of the template that is less than his programmer perfected... I would not be surprised if that has a lot to do with the current problems.

We can help you Cyberin, but is there any chance you can get the most current version of the template?

Honest... we want to help!!

Cyberin · Post by **Cyberin** » Thu Jul 30, 2009 11:26 am

the only way I could get a more updated version of the template is if my friend found the time in his schedule to update the one that's on there.

He never kept the updated version that worked properly because when I found the errors the first time he just fixed them directly on the server files, and then when my server crashed on me, it corrupted my backups as I was silly enough to not keep any local backups, so what I have right now is the most updated version I can get without just having my friend do it in a few weeks sadly

Columns bottom aligned

Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned

Re: Columns bottom aligned