Jaxel
01-08-2009, 06:35 PM
It appears that the programmer who designed the social group overview page got a little overzelous with DIVs and style sheets and created a whole bunch of problematic situations and conflicts for people who dont use the standard vBulletin skin (which is FUGLY).
I add the following to my "header" template (before the spacer_open):
<div align="center">
<div class="page" style="width:$stylevar[outerdivwidth];">
<div style="background-image: url($stylevar[imgdir_misc]/body-bottom.png); background-repeat: repeat-x; background-position: bottom center">
<div style="background-image: url($stylevar[imgdir_misc]/body-left.png); background-repeat: repeat-y; background-position: top left">
<div style="background-image: url($stylevar[imgdir_misc]/body-right.png); background-repeat: repeat-y; background-position: top right">
And the following to my "footer" template (before the spacer_close):
</div>
</div>
</div>
</div>
</div>
These lins let me do some things that you cant do with the default vBulletin design... I can have a repeating image that scrolls down the Y axis of the left side of my page... I can have a repeating image that scrolls down the Y axis of the right side of my page... and I can have an image that scrolls across the X axis of the bottom of the content area.
This is how its supposed to look (no need to log in):
http://www.8wayrun.com/forumdisplay.php?f=18&styleid=3
This construction has worked for me for a long time now... there has been nothing to show that it wouldn't work. All I am doing is wrapping the entire content table in a series of five DIVs.
But now, there is one page its not working on:
http://www.8wayrun.com/group.php?styleid=3
Notice how all five DIVs are being cut off prematurely. How do I fix this?
I add the following to my "header" template (before the spacer_open):
<div align="center">
<div class="page" style="width:$stylevar[outerdivwidth];">
<div style="background-image: url($stylevar[imgdir_misc]/body-bottom.png); background-repeat: repeat-x; background-position: bottom center">
<div style="background-image: url($stylevar[imgdir_misc]/body-left.png); background-repeat: repeat-y; background-position: top left">
<div style="background-image: url($stylevar[imgdir_misc]/body-right.png); background-repeat: repeat-y; background-position: top right">
And the following to my "footer" template (before the spacer_close):
</div>
</div>
</div>
</div>
</div>
These lins let me do some things that you cant do with the default vBulletin design... I can have a repeating image that scrolls down the Y axis of the left side of my page... I can have a repeating image that scrolls down the Y axis of the right side of my page... and I can have an image that scrolls across the X axis of the bottom of the content area.
This is how its supposed to look (no need to log in):
http://www.8wayrun.com/forumdisplay.php?f=18&styleid=3
This construction has worked for me for a long time now... there has been nothing to show that it wouldn't work. All I am doing is wrapping the entire content table in a series of five DIVs.
But now, there is one page its not working on:
http://www.8wayrun.com/group.php?styleid=3
Notice how all five DIVs are being cut off prematurely. How do I fix this?