[vB3] Header aligned to the left, main forum centered

[John Diver]

Hey,

Im having a problem trying to get the alignment on my forum.

I have the alignment working on 2 other scripts perfectly but for some reason the header is totally out of alignment in vbulletin.

You can see it here

Anyone know what the problem is?
I have changed the width of the main forum to be the width of the headaer, but I don't know why the header is off.

Anyone know what could be wrong?

Thanks very much
John

[Lynne]

It looks fine to me. What is it supposed to look like?

[eJM]

The OP provided the wrong link. The forum is here: http://www.northwestsocial.com/forum/index.php. There are a number of problems. The first thing I recommend is to correct the validation errors. You can do that by finding them here and making the corrections in your templates as needed.

Jim

[John Diver]

Sorry, another script Im running means I have to link directly to the index page.

Checking out that link now thanks

[John Diver]

I had a look but I dont think any of the problems would cause the alignment issue, although I will get them fixed anyway

The main body of the forum is 982px and centered, I want the header to be the same, it is 982px but aligned to the left.

[eJM]

Fix the validation errors and make sure you have all your ducks (DIVs) in a row. You'll be pleasantly surprised. Whenever you have problems, first look at the validation. A lot of people say it isn't important, but those people are wrong. vBulletin comes to you with valid code. If you break it, you will have problems.

Jim
PS: why would you have to link to the wrong page when I didn't have to?

[John Diver]

Because I have always used /forum for all my sites but this time, another script is redirecting it to the homepage if I dont link directly to the forum index.php - Which I forgot

I will try to fix these, I'm not a coder at all so hopefully I will get it!

Thanks again Jim

[Lynne]

You have the div aligned right, so it's doing what you told it to do:

<div align="right" class="topnav_box">

[eJM]

You have the div aligned right, so it's doing what you told it to do:

<div align="right" class="topnav_box">

That's just the icons above the top navigation. There's also a DIV that centers everything that is misplaced. That DIV is referenced in the validation errors.

As a side-note, that background graphic for the navigation is not a transparent GIF, so it looks bad at the corners.

Jim

[Lynne]

No, what I quoted is the navbar under the icons - HOME | BROWSE | DIRECTORY | FORUM | etc.

[John Diver]

Yep, I set align to right for the icons because they were also to the left, that worked and they are where they should be.

I'm packing to move house from today so hopefully I will get time to go through the validation errors soon!

Thanks again for all the help

[John Diver]

Line 494, Column 17: end tag for "br" omitted, but OMITTAG NO was specified

</table><br><br><br>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

I'm not sure what is wrong with this?
I'm not a coder so I have very limited (Simple) knowledge of code. I thought this was ok?

Lynne, I also changed that align, but it didn't make any difference, I set it to right from centered and with no align just to see what it would do, but it hasn't made any difference.

[eJM]

Change all <br>s to <br />. You can do a search and replace very easily. It will reduce the number of errors and make finding more critical errors easier.

You have at least one page on your website that the navigation bar displays correctly. Look at the source code of that page and compare it to the source code of the screwed up page.

Jim

[John Diver]

Hey Jim,

I have used the exact same code that I am using on a directory script and for the main site, its working correctly on both but not vbulletin for some reason which is why I'm confused.

Thanks once again for helping!

[eJM]

You have to look closely. It couldn't possibly be the exact same code, or it would look the exact same way.