View Full Version : Changed width, now threads not aligning properly


Airwork
15th November 2003, 10:42 PM
My new vbulletin board (am a former UBB user) was looking fine when it was 100% width. Because I changed my whole site to a width of 760 pixels with a left alignment, I did the same with the vbulletin board. Most of the board looks fine. However, something goes wrong when viewing a thread. See example here: http://www.airwork.nl/bulletinboard/showthread.php?s=&threadid=1129

The table header (author/thread/last thread/new thread) is pushed to the far right. (I have changed the border to 1 pixel just to see how big it is, it doesn't mean anything, will change it to 0 when the problem is fixed).

This is obviously not o.k.! As vbulletin gives the option to change width, I would expect that this should be possible without any problems. Have tried several things in the showthread template, but nothing seems to work.
Also the footer is not within 730 pixels, but that is a minor problem compared to the mis-alignement of the table header.
I know changing the board back to 100% width would solve the problem, but then the board will be totally different compared to the rest of my site. Not very pretty.

Have posted this problem at vbulletin.com, but get no help there.
Does anyone have any ideas at this forum. I really hope so...

I use vbulletin 2.3.2.

Ryan65
15th November 2003, 11:22 PM
From looking at this. The coding is wrong. What you need to do is move it back under that and it will form right back in. You apparently have moved it up. Add a simple <br> before the HTML coding for it and it will be fixed.

Floris
16th November 2003, 02:05 AM
You have a nice web site there! :)

Ryan65
16th November 2003, 06:08 AM
Yea, it was very nice

Floris
16th November 2003, 09:37 PM
I like the air pictures very much.

Airwork
22nd November 2003, 02:38 PM
Thanks! It looks even better now the problem is solved ;)

For future reference, this is what happened:

In the header-file I included my bannerlogo and navigational bar. The banner had a width of 760. This was the problem that made by board misalign. Some messages were pushed to the far right, including the table header and other messages. People saw a blank page if they didn't scroll to the right. When I changed the width of the board to 100%, the problem remained.

When I made the grid under my banner wider, the problem was gone. O.k. that was very nice, but I still wanted to have the board left aligned at 760 pixels to fit in with the rest of my site... The solution to that problem is as follows:

When I changed the board to 760 pixels again, the board would center. To make it left aligned I changed <center> in the header template to: <div align=left> and </center> in the footer template to </div> (I learned this from the vbulletin guys).

That was it. Hope this is of help to someone with similar problems!