1
xyster
Webpage display size (resolution)
  • 2005/12/23 20:19

  • xyster

  • Just popping in

  • Posts: 3

  • Since: 2005/6/20


Hey Guys,

Tonnes and tonnes of support here, this is great...

I have created a page which i have been working on now for some time, haven't deployed it yet, BUT i have noticed that my screen size is so much smaller than this site, https://xoops.org/modules/newbb/newtopic.php?forum=5
and this page http://www.lansingsportsrage.com/

It is asif all my blocks *modules* have been squeezed into the middle of the page, and i have about 4cm on either side which is going to waste...

So, is there a display size, resolution option some where in the administration menu or perhaps a tiny tweak in a html file...

Any support would be fantastic

Regards
Xys

2
JMorris
Re: Webpage display size (resolution)
  • 2005/12/23 21:24

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Would you mind posting a screen shot of what it is you are referring to?

There is no option in XOOPS to control the width of your site based on screen size. This is handled at the presentation layer, that being your theme.

Usually, the width of the theme (and it's various elements) are controlled in the theme's theme.html file, or more appropriately, in its stylesheet (style.css).

In either case, you'll want to look for code that defines width.

For instance, in theme.html, you would look for HTML attributes like so...

<table cellpadding="0" cellspacing="0" border="0" [b][color=FF0000]width="768"[/color][/b]>


You would want to change the above to the following...

<table cellpadding="0" cellspacing="0" border="0" [b][color=FF0000]width="100%"[/color][/b]>


It's quite a bit easier to change widths in CSS. However, you'll need to identify which element in your theme's HTML is being controlled by the CSS to set width.

For instance, in theme.html, you would look for HTML attributes like so...

<div [b][color=FF0000]id="wrapper"[/color][/b]>


In your style.css, you would want to look for wrapper and change the value assigned to it. For example...

Change

wrapper {width768px;}


To

wrapper {width100%;}


The above is only an example, and depending on your theme, the elements and attributes may vary greatly. However, the above should give you an idea of what to look for.

As with all things, backup your theme before you start making changes. A change in one area often affects other elements in a theme, so some tinkering with your theme may be required to get it to do exactly what you want.

You will also need to empty the contents of the templates_c directory before your changes to your HTML will take effect.

If you're not familiar with HTML and CSS, may I suggest a handy little website...

http://w3schools.com

Hope this helps.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

Login

Who's Online

399 user(s) are online (295 user(s) are browsing Support Forums)


Members: 0


Guests: 399


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits