Problems getting site to be 800 pixels wide [Archive]

View Full Version : Problems getting site to be 800 pixels wide

kobescoresagain

07-01-2005, 05:27 PM

Okay I found out what one of my major problems was in getting my site to line up. I now have the forum home page lined up, also when you click a forum, that page is lined up. But if you click on a thread it doesn't line up. and if you click members list and calander it doesn't line up. Can someone tell me where I should look in the templates to adjust this.

Tony G

07-02-2005, 12:46 AM

Could you post a screenshot of the problem and perhaps provide some template code on where the problem may be occuring?

kobescoresagain

07-02-2005, 02:52 AM

Well, I can't really post the template code, because I am not sure which template it is in. If you can give me an idea, I could post the template. But my site is www.sccollectors.com/forums The homepage is fine, as well as when you click a forum to see the threads. But everything else isn't fitting right.

deathemperor

07-02-2005, 03:23 AM

but what do you mean by line up and not line up ? what are you talking about ?

kobescoresagain

07-02-2005, 03:29 AM

like the banner is 800 pixels wide, but the forum content is wider, I would like it to be 800 pixels all the way done.

my site homepage is 800 pixels wide so the outside edge of the forum meets the outside edge of the site banner, but if you go to the calander or other pages, you will see that the outside of the forum is farther out than the edge of the banner.

deathemperor

07-02-2005, 03:42 AM

the problem is from your sidebar, I suppose you installed a hack from here, so please ask in the hack thread

kobescoresagain

07-02-2005, 03:55 AM

I did download hack here, I don't think that user is providing support for the hack.

Princeton

07-02-2005, 12:56 PM

$spacer_open
$spacer_close

kobescoresagain

07-02-2005, 02:45 PM

I checked out the spacer_open file. If I change outerdivwidth to something like 650 pixels. It fixes the member list problem, and the calander is now smaller, but the page tha the calander is on is still too wide. (about 90 across the screen, instead of 800 pixels wide) the calander is smaller though. Also it does not effect the size of the actual posts pages.

I disabled the hack, everything looks fine then, would their be a way that I could add a right side column instead of using this hack? And then add the information into it? That might be a better way for me to do it anyway. Thanks and I checked the last post from the maker of adcolumns was over 1 month ago

Princeton

07-02-2005, 07:06 PM

If you want a fixed layout you will have to edit a few templates to get it right.

If you don't want to edit templates move to a liquid layout (percentage) and you'll be fine.

kobescoresagain

07-03-2005, 02:08 AM

I would rather have a fixed layout, could you give me an idea of which templates I would have to fix?

Princeton

07-03-2005, 02:11 AM

do a search for $spacer_open

kobescoresagain

07-07-2005, 04:00 AM

I have gotten rid of a few. If you were to click on a user name to get the page that will allow you to pm, send an email, and see the profile fields. I am still getting a width problem. Below is for sure the area of code I am getting the problem in, (if I remove everything works right) Where could it be in this?<if condition="$webpage['quickedit_form']">
$webpage[quickedit_form]
</if>

<table align=center width="$wghtml[webgbtotalwidth]" border=0 cellspacing=0 cellpadding=0>
<tr>
<if condition="$webpage[gb_onoff] == 'on'">
<if condition="$webpage[gb_position] == 'left'">

<td valign=top width="$wghtml[gbwidth]">$webpage[gb_html]</td>

</if>
</if>
<td valign=top width="$wghtml[webpagewidth]">

<if condition="$webpage[webpage_onoff] == 'on'">

<if condition="$webpage[text]">

$webpage[header]

<table style="margin-top: 6px" align=center width=99% bgcolor="$webpage[bordercolor]" border=0 cellspacing="$webpage[bordersize]" cellpadding="$webpage[bordersize]">
<tr><td valign=top bgcolor="$webpage[bgcolor]">

<font size=3 face="$webpage[fontface]" color="$webpage[fontcolor]"><b>$webpage[name]</b><br>
</font>
<br>

<font size="$wghtml[defaultfontsize]" face="$wghtml[defaultfontface]" color="$wghtml[defaultfontcolor]">
$webpage[text]<br>
</font>

</td></tr>
</table>
<div style="margin-right: 10px" align=right><font size=1><b>$vbphrase[views]:</b> $webpage[hits]</font><br>
<if condition="$webpage['quickedit_button']">
$webpage[quickedit_button]
</if>
</div>

<else />
<center>
<font color="$wghtml[no_content_textcolor]">$vbphrase[webpage_has_no_content]
</font></center><br>
</if>

<br />

</if>

<if condition="$webpage[gb_onoff] == 'on'">
<if condition="$webpage[gb_position] == 'right'">

</td><td valign=top width="$wghtml[gbwidth]">$webpage[gb_html]</td></tr>
</table>

</if>
<if condition="$webpage[gb_position] == 'left'">

</td></tr>
</table>

</if>
<if condition="$webpage[gb_position] == 'bottom'">

</table>
$webpage[gb_html]

</if>
<else />
<table>
</if>

<br>

Princeton

07-07-2005, 12:37 PM

I'm not familiar with the hack but you should try looking in the the html source.
My guess is that it will be $wghtml[webgbtotalwidth] ...

TIP
Remove all the <font> tags or remove the XHTML DOCTYPE

kobescoresagain

07-07-2005, 03:03 PM

I looked through that file, tried to change alot of the things, it didn't change the width issue. Here is the code. Any advice would be appreciated.<?
//This file includes settings for Webpage and Guestbook script
//Preconfigured for vB default blue scheme
$wghtml['webgbtotalwidth'] = '100% ';
$wghtml['webpagewidth'] = '55%'; //Default 60%
$wghtml['gbwidth'] = '35%'; //Default 40%
$wghtml['gbpagelimit'] = '10';
$wghtml['gbpagestoshow'] = '10';

$wghtml['defaultfontface'] = 'Arial, Helvetica';
$wghtml['defaultfontsize'] = '2';
$wghtml['defaultfontcolor'] = 'black';

$wghtml['borderline'] = 'black';
$wghtml['lastupdatebgcolor'] = '#C7D0DF';
$wghtml['lastupdatetextcolor'] = '#000000';
$wghtml['gbentrytimetextcolor'] = '#444444';
?>

m0nde

07-07-2005, 07:11 PM

The usual size of a site is 760 pixels if you want it to fit on an 800 pixel screen.

Remember the user has scroll bars to deal with and other junk. It's unwise to make it a full 800 pixels across because you're likely to have the bottom scroll bar show up.

Also, as another user said, you should consider both a fixed width and a liquid or scalable width to make it easier on people who have a bigger screen.

Also, the liquid one, if set up as a child style of the fixed width one can make it easier for you to see problem areas because they will show up with weird formatting when you change the size of the browser on a really big screen.

This has helped me debug size issues before.

Just my two cents.

- Sid