Announcement

Collapse
No announcement yet.

Stretch all the vb pages to fill entire page?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Stretch all the vb pages to fill entire page?

    Hey guys and girls again. It seems im asking a lot, but its only because i want to learn! :-)

    Anyway, I've got my forums set up and its all lovley lovley. However, someof the pages who's height dont fit the entire screen look silly. (see screenshot).

    I've tried changing the CSS so that it reads

    margin: 0px 0px 0px 0px;
    padding: 0px;
    but it still doesn't work. Any ideas? Thanks! :-)
    Attached Files

  • #2
    Admin CP > Styles & Templates > Style Manager > StyleVars

    Under "Main Table Width (pixels or percentage)," it should have 100% filled into the box. If not, then you may have to most likely edit the header template.
    Congratulations on the death of vBulletin, Internet Brands.

    Comment


    • #3
      it is 100%..but thats width. I'm looking for height.

      Comment


      • #4
        Oops, misread that. Sorry.

        Theres no built-in function. The reason it doesn't go all the way down is because there isn't enough content (forums, users online, etc.) to "stretch" it all the way down.

        Just add more forums and such, and it should stretch down all the way. To do it manually, you could add a large spacer using CSS.

        What resolution are you using? That also plays a part in it too.
        Congratulations on the death of vBulletin, Internet Brands.

        Comment


        • #5
          yeah. I dont wanna spam out my forums though, cos too many make it look silly and empty! Anyway.... I've tried using CSS to achieve this, but havn't been sucessful. Heres what im trying...

          IN CSS

          .prop {
          height:1200px;
          float:right;
          width:1px;
          }
          .clear {
          clear:both;
          height:1px;
          overflow:hidden;
          }

          In the header tempate

          <div class="prop"></div>
          <div class="clear"></div>



          maybe im doing it wrong... hmmm

          Comment


          • #6
            A few more forums wouldn't spam it up. Adding a couple more wouldn't hurt a new forum; it's just ones that have 20+ forums at opening time without much activity.

            Hm... you could try:

            HTML Code:
            .spacer {
            padding: Xpx 0px Xpx 0px;
            }
            Just replace X with how much pixel space you want on the top and bottom.

            ... and add this wherever you want:

            HTML Code:
            <div class="spacer"></div>
            Congratulations on the death of vBulletin, Internet Brands.

            Comment


            • #7
              oooh (the picture is just on my local host. its not my actual forums btw...its not a new forum..im just trying to redesign :P)

              ++ you'll see in the main, first post, I've made them all 0.... :S

              Maybe this would be a better screen than my first...
              Attached Files
              Last edited by M4g!k; Sat 25 Mar '06, 7:33am.

              Comment


              • #8
                Well, it's not something I would personally be too worried about, since the content and other stuff on the forums would remove that extra space at the bottom of the forums.

                You could try putting the code I pasted above in the footer somewhere to stretch out the whitespace by as much as you want; alternatively, add a new feature or perhaps some extra stuff to add to the style there.

                Probably putting it into the footer would work better.
                Congratulations on the death of vBulletin, Internet Brands.

                Comment


                • #9
                  nope. doesn't work :-(

                  Comment


                  • #10
                    Hm... works when I did it with the code as this:

                    HTML Code:
                    .spacer {
                    padding: 200px 0px 200px 0px;
                    }
                    Inserted <div class="spacer"></div> into the footer with no problem and got it to work correctlty.

                    What's the code you're using in the footer and used in the Additional CSS box?
                    Congratulations on the death of vBulletin, Internet Brands.

                    Comment


                    • #11
                      Heres what im using...

                      Footer Template
                      <br />
                      <div class="smallfont" align="center">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
                      <br />
                      $spacer_close
                      <!-- /content area table -->
                      <form action="$vboptions[forumhome].php" method="get">

                      <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
                      <tr>
                      <if condition="$show['quickchooser']">
                      <td class="tfoot">
                      <select name="styleid" onchange="switch_id(this, 'style')">
                      <optgroup label="$vbphrase[quick_style_chooser]">
                      $quickchooserbits
                      </optgroup>
                      </select>
                      </td>
                      </if>
                      <if condition="$show['languagechooser']">
                      <td class="tfoot">
                      <select name="langid" onchange="switch_id(this, 'lang')">
                      <optgroup label="$vbphrase[quick_language_chooser]">
                      $languagechooserbits
                      </optgroup>
                      </select>
                      </td>
                      </if>
                      <td class="tfoot" align="$stylevar[right]" width="100%">
                      <div class="smallfont">
                      <strong>
                      <if condition="$show['contactus']"><a href="$vboptions[contactuslink]" rel="nofollow">$vbphrase[contact_us]</a> -</if>
                      <a href="$vboptions[homeurl]">$vboptions[hometitle]</a> -
                      <if condition="$show['admincplink']"><a href="$admincpdir/index.php$session[sessionurl_q]">$vbphrase[admin]</a> -</if>
                      <if condition="$show['modcplink']"><a href="$modcpdir/index.php$session[sessionurl_q]">$vbphrase[mod]</a> -</if>
                      <if condition="$vboptions['archiveenabled']"><a href="archive/index.php">$vbphrase[archive]</a> -</if>
                      <if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if>
                      <a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a>
                      </strong>
                      </div>
                      </td>
                      </tr>
                      </table>
                      <br />

                      <div class="smallfont" align="center">
                      <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->
                      $cronimage
                      <!-- Do not remove $cronimage or your scheduled tasks will cease to function -->

                      $vboptions[copyrighttext]
                      </div>
                      </div>
                      </form>
                      <if condition="$show['dst_correction']">
                      <!-- auto DST correction code -->
                      <form action="profile.php" method="post" name="dstform">
                      <input type="hidden" name="s" value="$session[sessionhash]" />
                      <input type="hidden" name="do" value="dst" />
                      </form>
                      <script type="text/javascript">
                      <!--
                      var tzOffset = $bbuserinfo[timezoneoffset] + $bbuserinfo[dstonoff];
                      var utcOffset = new Date().getTimezoneOffset() / 60;
                      if (Math.abs(tzOffset + utcOffset) == 1)
                      { // Dst offset is 1 so its changed
                      document.forms.dstform.submit();
                      }
                      //-->
                      </script>
                      <!-- / auto DST correction code -->
                      </if>
                      <script type="text/javascript">
                      <!--
                      // Main vBulletin Javascript Initialization
                      vBulletin_init();
                      //-->
                      </script>
                      <div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div><div class="spacer"></div>

                      <div class="footer">

                      Powered by VBulletin :: © Rebirth 2006

                      </div>

                      <td id="rightc" width="38">
                      <img src="images/spacer.gif" width="38" alt="Rebirth Forums" /></td>
                      </tr>
                      </table>
                      CSS
                      #leftc {
                      background-image: url(images/left.jpg);
                      }
                      #rightc {
                      background-image: url(images/right.jpg);
                      }
                      .header {
                      float: left;
                      display: inline;
                      height: 20px;
                      width: 780px;
                      text-align: center;
                      background-image: url(../images/header.jpg);
                      background-repeat: no-repeat;
                      background-position: center;
                      padding-top:142px;
                      border-bottom:1px solid #000000;
                      }
                      .footer {
                      float: left;
                      display: inline;
                      height: 19px;
                      margin: 0;
                      text-align: center;
                      width: 780px;
                      border-top:1px solid #000000;
                      background-image:url(../images/tiletitle.jpg);
                      background-repeat:repeat-x;
                      font: bold normal normal 10px/10px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
                      .centerclass {
                      position: absolute;
                      display: inline;
                      width: 780px;
                      left: 50%;
                      top:0;
                      margin-left: -390px;
                      text-align: center;
                      background-color: #ffffff;
                      }
                      .spacer {
                      padding: 200px 0px 200px 0px;
                      }

                      Comment


                      • #12
                        You only need one instance of the <div class="spacer"></div> tag set. Delete the rest of the repeats.

                        Place the <div class="spacer"></div> above $spacer_close and tell me what you get.
                        Congratulations on the death of vBulletin, Internet Brands.

                        Comment


                        • #13
                          still the same im afraid :S

                          Comment


                          • #14
                            There has been no change at all in the spacing? Worked for me on my forum, and I just tested this unless I'm making a mistake somewhere...
                            Congratulations on the death of vBulletin, Internet Brands.

                            Comment


                            • #15
                              let me try on a fresh template. if it works on default vb templtae, then its one of my mobs stopping it fro mworking


                              Edit :: hmm...yeah, i can see its making a big difference on a normal standard vb template... hmmm..its so damn confusing... let me play with my mods.

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...
                              X