vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Absolute / Non-Scaling Sides (https://vborg.vbsupport.ru/showthread.php?t=325710)

davidhso 10-26-2017 03:57 AM

Absolute / Non-Scaling Sides
 
Hello,

I'm wondering how to make my forum not change in width if I resize my browser window. Would someone let me know? Thank you.

RichieBoy67 10-26-2017 10:11 AM

Go under global in stylevars and change the doc width. I am not sure why you would want it to not scale but you can put a size in there you want. I have mine set to auto though because scaling is good.

TheLastSuperman 10-27-2017 09:53 PM

Responsive is the way to go if possible, otherwise set it in % values so it scales accordingly. You may have a good reason for wanting a set "fixed" width however I would not limit your users that way i.e. have your forum style completed using a fixed width BUT then copy it (or create a child style) so your members have a second option and set the new style to % values ;).

^ That way you're not limiting your members, if you have no mobile style installed then they load the site with tons of extra bandwidth being eaten up from their mobile data plan, if you have a mobile style installed then you can still get by with a fixed width as you have an alternative less data usage friendly version.

davidhso 12-10-2017 03:46 AM

thanks for the replies. the reason i want absolute margins is because of my image via header. I'm not sure of how to scale the image thus i wanted the fixed margins. is there a way to scale the image too?

MarkFL 12-10-2017 03:55 AM

Can you post a link to your site?

davidhso 12-10-2017 04:08 AM

<a href="http://www.kiastingers.com/forum/" target="_blank">http://www.kiastingers.com/forum/</a>

In Omnibus 12-10-2017 04:38 AM

Quote:

Originally Posted by davidhso (Post 2591524)

Whatever changes you have made have caused the wrapper to be off-center.

MarkFL 12-10-2017 04:40 AM

Okay, remove the following CSS from the body element:

HTML Code:

width: 1276px;
And add to your "additional.css" template:

HTML Code:

.logo-image img {
    width: 100%;
    height: auto;
}

You're still going to get the "toplinks" element laying over the image though without some additional CSS. :)

Mattwhf 12-17-2017 02:09 AM

Quote:

Originally Posted by TheLastSuperman (Post 2590805)
Responsive is the way to go if possible, otherwise set it in % values so it scales accordingly. You may have a good reason for wanting a set "fixed" width however I would not limit your users that way i.e. have your forum style completed using a fixed width BUT then copy it (or create a child style) so your members have a second option and set the new style to % values ;).

^ That way you're not limiting your members, if you have no mobile style installed then they load the site with tons of extra bandwidth being eaten up from their mobile data plan, if you have a mobile style installed then you can still get by with a fixed width as you have an alternative less data usage friendly version.

I agree with @TheLastSuperman.

Quote:

Originally Posted by davidhso (Post 2590765)
Hello,

I'm wondering how to make my forum not change in width if I resize my browser window. Would someone let me know? Thank you.

You can follow the guide as RichieBoy67 mentioned, beside mobile style you should make your forum theme as responsive style, that will help you have a fix style on desktop while still scaling it as well on mobile devices.


All times are GMT. The time now is 01:52 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01779 seconds
  • Memory Usage 1,730KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_html_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (9)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete