1
nonpulse
Fit to screen ??
  • 2006/1/9 12:36

  • nonpulse

  • Just popping in

  • Posts: 5

  • Since: 2005/10/31


Question 1.Just wondering if there was anyway to adjust my site to fit to differnet resolutions/screen sizes/per user automaticly with no overhang
2. On my forums page there's a block space to the left thats empty causing the forums to me displayed to the right of the screen...How can I correct this??

thanks for the help!
www.nonpulse.com

2
m0nty
Re: Fit to screen ??
  • 2006/1/9 12:45

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


1. you can if you use a dynamic width % instead of fixed width..

2. your theme has a fixed permanent left column instead of a switchable column.. you would need to edit the theme.html and modify it... compare the id="leftcolumn" sections from the default theme.html to your theme.html and apply the right code..

3
Quest
Re: Fit to screen ??
  • 2006/1/9 15:01

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


In could also be a matter of a missing {if} in your theme.html just after the Display Left Blocks.

Take a look at this thread and see if it helps get rid of that left panel when there are no blocks visible in the left blocks.

Left Panel

4
nonpulse
Re: Fit to screen ??
  • 2006/1/9 15:04

  • nonpulse

  • Just popping in

  • Posts: 5

  • Since: 2005/10/31


Quote:

m0nty wrote:
1. you can if you use a dynamic width % instead of fixed width..

where can I make these changes??

5
teibaz
Re: Fit to screen ??
  • 2006/1/9 15:32

  • teibaz

  • Not too shy to talk

  • Posts: 103

  • Since: 2004/6/13


Quote:

nonpulse wrote:
Quote:

m0nty wrote:
1. you can if you use a dynamic width % instead of fixed width..

where can I make these changes??


in your themes dir. For example
<table style="width:100%">
  <
tr>
    <
td>
      
content
    
</td>
  </
tr>
</
table>

instead of

<table style="width:500px">


where 500 could be any number

6
nonpulse
Re: Fit to screen ??
  • 2006/1/9 15:34

  • nonpulse

  • Just popping in

  • Posts: 5

  • Since: 2005/10/31


still not sure what file to look in for this change....... I want the front page left /ceneter/right blocks to stay but in the forums portion I want it to read full page instead of center and right blocks only........ Me = unbernoob
http://www.nonpulse.com/modules/ipboard/

7
zzzzsg
Re: Fit to screen ??
  • 2006/1/17 18:19

  • zzzzsg

  • Just popping in

  • Posts: 86

  • Since: 2005/12/22


hi

I also have a similar problem.
See my post

I am trying to incorporate my own php/html scripts into XOOPS by including the mainfile.php, header.php and footer.php in my scripts so that my custom pages will appear in the center block of Xoops. But when I have tables with more than 4 columns, XOOPS gets stretched beyond the screen limit (screen resolution 1024/768, if I use higher resolution, it is okay).

I went to themes/default/css and modified the style.css file.
table.toptable , table.maintable , table.footertable{width: 100%;
(change from 90% to 10%)
Now everything is 100% - no borders at the side.


But I still cannot set the column widths of my tables - all the columns seem to have the same width no matter what width I define in my html table tags. XOOPS also still does not fit into screen when I have table more than 4 columns (for screen resolution of 1024/768).

gui

8
Quest
Re: Fit to screen ??
  • 2006/1/24 13:16

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


To set the leftcolumn, rightcolum, center column and center blocks width you have to edit those areas of your css file.

This is the default css and you can see that the left and rightcolumns are set to a fixed width of 165px and the center left and right blocks are set to 50% of the remainder for the centercolumn.

td#leftcolumn {width: 165px;height:560px;font-size:11px;background-color: #f7f7f7;padding: 10px 3px 4px 3px;}
td#leftcolumn th {background-color: #436792; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {text-align: left;padding: 3px 3px 3px 22px; background-color: #436792;background-image:url(../images/item_new.gif);background-position: left;background-repeat: no-repeat; color: #f7f7f7; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%;}

td#leftcolumn_nobg {width: 160px;height:560px; font-size:11px;background-color: #ffffff;padding: 20px 5px 5px 5px;}

td#centercolumn {font-size: 11px;}

td#centercolumn th {background-color: #436792; color: #FFFFFF; vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
td#centerCcolumn div.blockContent {margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 165px; height:550px;background-color: #f7f7f7; font-size:11px;padding: 10px 2px 4px 4px;}
td#rightcolumn th {background-color: #436792; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {text-align: left;padding: 3px 3px 3px 22px; background-color: #436792;background-image:url(../images/item_new.gif);background-position: left;background-repeat: no-repeat; color: #f7f7f7; font-weight: bold;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

9
zzzzsg
Re: Fit to screen ??
  • 2006/1/27 17:08

  • zzzzsg

  • Just popping in

  • Posts: 86

  • Since: 2005/12/22


Hi Quest

Thank you for the reply, but this is not what I meant.

I want to include my own html/php scripts in the center column using the header.php, mainfile.php and footer.php. I am able to do this but the tables in my html scripts don't appear correctly. This is because the center column in XOOPS is itself a cell (<td>) in a XOOPS html table.

Login

Who's Online

208 user(s) are online (135 user(s) are browsing Support Forums)


Members: 0


Guests: 208


more...

Donat-O-Meter

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

Latest GitHub Commits