Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 10-26-2017, 03:57 AM
davidhso davidhso is offline
 
Join Date: Jan 2009
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default 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.
Reply With Quote
  #2  
Old 10-26-2017, 10:11 AM
RichieBoy67's Avatar
RichieBoy67 RichieBoy67 is offline
 
Join Date: Apr 2004
Location: CT - Down in a hole..
Posts: 3,057
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #3  
Old 10-27-2017, 09:53 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
2 благодарности(ей) от:
Mattwhf, RichieBoy67
  #4  
Old 12-10-2017, 03:46 AM
davidhso davidhso is offline
 
Join Date: Jan 2009
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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?
Reply With Quote
  #5  
Old 12-10-2017, 03:55 AM
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Location: St. Augustine, FL
Posts: 3,853
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Can you post a link to your site?
Reply With Quote
  #6  
Old 12-10-2017, 04:08 AM
davidhso davidhso is offline
 
Join Date: Jan 2009
Posts: 9
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

<a href="http://www.kiastingers.com/forum/" target="_blank">http://www.kiastingers.com/forum/</a>
Reply With Quote
  #7  
Old 12-10-2017, 04:38 AM
In Omnibus's Avatar
In Omnibus In Omnibus is offline
 
Join Date: Apr 2010
Location: Inside A Blade Server
Posts: 840
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by davidhso View Post
Whatever changes you have made have caused the wrapper to be off-center.
Reply With Quote
  #8  
Old 12-10-2017, 04:40 AM
MarkFL's Avatar
MarkFL MarkFL is offline
 
Join Date: Feb 2014
Location: St. Augustine, FL
Posts: 3,853
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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.
Reply With Quote
  #9  
Old 12-17-2017, 02:09 AM
Mattwhf Mattwhf is offline
 
Join Date: May 2016
Posts: 190
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheLastSuperman View Post
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 View Post
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.
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:54 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.07318 seconds
  • Memory Usage 2,245KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (2)bbcode_html
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (9)post_thanks_box
  • (2)post_thanks_box_bit
  • (9)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (9)post_thanks_postbit_info
  • (9)postbit
  • (9)postbit_onlinestatus
  • (9)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete