Icy Phoenix

Old Bugs - Forum Page Really Wide, What Did I Do? LOL

Hans [ Fri 20 Jan, 2012 12:06 ]
Post subject: Forum Page Really Wide, What Did I Do? LOL

I might figure this out as I go over what settings I changed but just thought I would ask if anyone here has an idea what would do this.
The problem I am having is that every page other than forum.php is fluid and will shrink with screen size, however the forum page is locked at like 1000px wide.

If I can figure this out myself I will let you all know what I think it may be, I am running the beta-2 however I think this may apply to all. Site I am having problems with is the one linked in my profile. (or the WWW button below)

No big deal though, just curious what you think.

spydie [ Fri 20 Jan, 2012 12:13 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

hm

look´s like a navigator thingy

in FF i see forum.php fixed to nav window

in chrome its stretched about double wide

probably an CSS thing

mort [ Fri 20 Jan, 2012 12:45 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

In Statistics KILL Recent Topics: Marquee and see what happens?

"Similar Topics" Below may help also

Joshua203 [ Fri 20 Jan, 2012 15:59 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

I think you should just change global-wrapper ~~and wrapper~~ to get full width.

Funny sidenote is that only Safari and Chroome are affected and neither of these show the right border of the page! no matter if you scroll ...that could be a clue

spydie [ Fri 20 Jan, 2012 16:35 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

hm.

set wrapper to 100% or less

if i´m not wrong

global_wrapper and wrapper are set to 980px by default and it say´s !important afterwards

try to change that to 100% or less

Hans [ Fri 20 Jan, 2012 19:26 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Thank you guys!

I figured it out!

If you enable "Quick Settings > Full Features" in ACP it will happen, then if you disable "Main Settings > SQL Optimization > Shoutbox :: Who Is Online" it goes away.

Joshua203 [ Fri 20 Jan, 2012 19:45 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Maybe a silly remark but "it goes away" is not it's fixed

I know I know I'm picky

it just may be a good idea to look why imho

mort [ Fri 20 Jan, 2012 21:48 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

I agree with Joshua - The topic should be BUG - (Not Solved) until it actually is solved?

And it looks a lot like either fixed width is being used where it shouldn't be, or white-space: nowrap is ??

spydie [ Sat 21 Jan, 2012 00:11 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Code: [Hide] [Select]

/* main selectors */

body {

	background: #ffffff;

	/*background: #ffffff url('images/ice/bg_body.gif') top left repeat-x;*/

	margin: 0px 0px 0px 0;

	padding: 0px 10px 0px;

}

#global-wrapper {

/*

	width: 980px !important;

	clear: both;

	margin: 0 auto;

*/

}

thats what style_ice.css says

as you´ll notice

width is commented

mort [ Sat 21 Jan, 2012 01:08 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

What Hans could do is in the "Default" overall_header.tpl or whatever it's called these days?

Find: (Just for a quick test to see if the problem still exists).

<div id="global-wrapper">

Replace with:

<div align="center">
<div id="global-wrapper" style="width: 80%;">

In overall_footer.tpl

Find: </body>

Before Add: </div>

If the 80% centre's and it's fine - Then expand it to 100% and see what happens next?

I don't use Safari or Chrome, and I'm not about to install them just to test this.

It would also be a whole lot easier if Hans would put it back up with the faults and all that it was before - because "HIDING" the faults with a beta release makes it a damn site harder to determine what is actually happening.

Hans [ Sat 21 Jan, 2012 03:23 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

You guys are correct, I just flipped the [solved] on because I already felt like a pain in the rear.

I don't have permission to re-edit it though to change to [bug] though. And seeing as it would now be classified as a bug I will do more testing to be sure that is exactly what is causing that. I can say that I have made no modifications to the base code since the upgrade, so this is a "standard" install.

Thanks again, and feel free to edit my title if you can.

mort [ Sat 21 Jan, 2012 05:48 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Hans wrote: [View Post]
I figured it out!

If you enable "Quick Settings > Full Features" in ACP it will happen, then if you disable "Main Settings > SQL Optimization > Shoutbox :: Who Is Online" it goes away.

Ok, you win - -

I'll install beta 2 and chrome and see what happens when I do the above?

Edit:

Done and tested.

Just do this for now as I explained before, and worry about the "Official CSS" later.

Header blah!

<body>
<div align="center">
<div id="global-wrapper" style="width: 96%; text-align: left;">

Footer: Blah!

</div>
</body>
</html>

Joshua203 [ Sat 21 Jan, 2012 13:39 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Off Topic
:
Hans wrote: [View Post]
Thanks again, and feel free to edit my title if you can.

I've reset the topic for now, calling it a bug could be a little too soon but I'm glad you guys agree

Hans [ Sun 22 Jan, 2012 04:50 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Strange thing is I am having a hard time replicating the problem with consistent results. I was able to make it happen again, but not exactly after enabling "Full Features" I will test other configurations and see if I can come up with anything more specific.

I should also test this with other "styles" too right?

mort [ Sun 22 Jan, 2012 07:37 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

I found the problem with Chrome was when one clicked the full screen/reduce button in the top left-hand corner - A lot of the template just disappeared from the right-hand side of the screen, and one had to then use the bottom scroll bar to read it.

With the "Fix" I did - the whole screen reduced to fit the now reduced viewing area.

Hans [ Sun 22 Jan, 2012 07:48 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Awesome! I noticed that also! You just confirmed what I was thinking. So to replicate the problem someone would need to enable "full features" and then reduce a full-screen window on Chrome.

~~I would have had those edits you mentioned in place but somebody stopped to visit at my house, I will go edit those now.~~

Thanks mort!

EDIT:

Okay, I finished the suggested edits, ~~the footer did not require any though~~. I will include both files below though.

Spoiler: [ Show ]

templates/default/overall_header.tpl

Code: [Hide]

<!-- IF S_LOFI --> 
<!-- IF S_LOFI_BOTS --> 
<!-- INCLUDE ../common/lofi/bots/lofi_bots_header.tpl --> 
<!-- ELSE --> 
<!-- INCLUDE ../common/lofi/lofi_header.tpl --> 
<!-- ENDIF --> 
<!-- ELSE --> 
{DOCTYPE_HTML} 
<head> 
<!-- INCLUDE overall_inc_header.tpl --> 
{EXTRA_CSS_JS} 
 
<!-- IF S_HEADER_DROPDOWN --> 
<script type="text/javascript"> 
 
/*********************************************** 
* AnyLink Drop Down Menu- � Dynamic Drive (www.dynamicdrive.com) 
* This notice MUST stay intact for legal use 
* Visit http://www.dynamicdrive.com/ for full source code 
***********************************************/ 
 
//Contents for menu 1 
var menu1 = new Array(); 
menu1[0] = '<br /><div class="center-block-text">&nbsp;<form action="{FULL_SITE_PATH}{U_SEARCH}" method="post"><input name="search_keywords" type="text" class="post" style="width: 150px;" />&nbsp;<input type="submit" class="mainoption" value="{L_SEARCH}" />&nbsp;<br /></form></div>'; 
menu1[1] = '&nbsp;<a href="{FULL_SITE_PATH}{U_SEARCH}" title="{L_SEARCH_EXPLAIN}">{L_ADV_SEARCH}</a>'; 
//Contents for menu 2 
var menu2 = new Array(); 
menu2[0] = '<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}" title="{L_SEARCH_NEW}">{L_SEARCH_NEW2}</a>'; 
menu2[1] = '{L_DISPLAY_UNREAD}'; 
menu2[2] = '{L_DISPLAY_MARKED}'; 
menu2[3] = '{L_DISPLAY_PERMANENT}'; 
 
var menuwidth = '180px'; //default menu width 
var disappeardelay = 250; //menu disappear speed onMouseout (in miliseconds) 
var hidemenu_onclick = "no"; //hide menu when user clicks within menu? 
 
/////No further editing needed 
if (ie4 || ns6) 
{ 
	document.write('<div id="dropmenudiv" class="row1" style="visibility: hidden; width:' + menuwidth + ';" onmouseover="clearhidemenu();" onmouseout="dynamichide(event);"></div>'); 
} 
</script> 
 
<script type="text/javascript" src="{FULL_SITE_PATH}{T_COMMON_TPL_PATH}js/ddmenu.js"></script> 
 
<script type="text/javascript"> 
if (hidemenu_onclick == "yes") 
{ 
	document.onclick = hidemenu; 
} 
</script> 
<!-- ENDIF --> 
 
</head> 
<body> 
<div align="center"> 
<div id="global-wrapper" style="width: 99%; text-align: left;"> 
<span><a name="top"></a></span> 
{TOP_HTML_BLOCK} 
<!-- IF GH_BLOCK --><!-- BEGIN gheader_blocks_row -->{gheader_blocks_row.CMS_BLOCK}<!-- END gheader_blocks_row --><!-- ENDIF --> 
<!-- IF PROFILE_VIEW --><script type="text/javascript">window.open('{U_PROFILE_VIEW}','_blank','height=800,width=250,resizable=yes');</script><!-- ENDIF --> 
 
{PAGE_BEGIN} 
<table id="forumtable" cellspacing="0" cellpadding="0"> 
<!-- IF GT_BLOCK --> 
<tr><td width="100%" colspan="3"><!-- BEGIN ghtop_blocks_row -->{ghtop_blocks_row.CMS_BLOCK}<!-- END ghtop_blocks_row --></td></tr> 
<!-- ENDIF --> 
<tr> 
	<td width="100%" colspan="3" valign="top"> 
		<div id="top_logo"> 
		<table class="" width="100%" cellspacing="0" cellpadding="0" border="0"> 
		<tr> 
		<td align="left" height="100%" valign="middle"> 
		<!-- IF GL_BLOCK --> 
		<!-- BEGIN ghleft_blocks_row -->{ghleft_blocks_row.OUTPUT}<!-- END ghleft_blocks_row --> 
		<!-- ELSE --> 
		<div id="logo-img"><a href="{FULL_SITE_PATH}{U_PORTAL}" title="{L_HOME}"><img src="{FULL_SITE_PATH}{SITELOGO}" alt="{L_HOME}" title="{L_HOME}" /></a></div> 
		<!-- ENDIF --> 
		</td> 
		<td align="center" valign="middle"><!-- IF S_HEADER_BANNER --><center><br />{HEADER_BANNER_CODE}</center><!-- ELSE -->&nbsp;<!-- ENDIF --></td> 
		<td align="right" valign="middle"> 
		<!-- <div class="sitedes"><h1>{SITENAME}</h1><h2>{SITE_DESCRIPTION}</h2></div> --> 
		<!-- IF GR_BLOCK --> 
		<!-- BEGIN ghright_blocks_row -->{ghright_blocks_row.OUTPUT}<!-- END ghright_blocks_row --> 
		<!-- ELSE --> 
		<!-- IF S_LOGGED_IN -->&nbsp;<!-- ELSE -->&nbsp;<!-- ENDIF --> 
		<!-- ENDIF --> 
		</td> 
		</tr> 
		</table> 
		</div> 
	</td> 
</tr> 
 
<!-- IF GB_BLOCK --> 
<tr><td width="100%" colspan="3"><!-- BEGIN ghbottom_blocks_row -->{ghbottom_blocks_row.CMS_BLOCK}<!-- END ghbottom_blocks_row --></td></tr> 
<!-- ELSE --> 
<tr> 
	<td width="100%" class="forum-buttons" colspan="3"> 
		<a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- BEGIN switch_upi2db_off --> 
		<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- END switch_upi2db_off --> 
		<!-- BEGIN switch_upi2db_on --> 
		<span style="vertical-align: top;">{L_POSTS}:&nbsp;</span><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a><span style="vertical-align: top;">&nbsp;•&nbsp;</span>{L_DISPLAY_U}<span style="vertical-align: top;">&nbsp;•&nbsp;</span>{L_DISPLAY_M}<span style="vertical-align: top;">&nbsp;•&nbsp;</span>{L_DISPLAY_P}&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- END switch_upi2db_on --> 
		<!-- IF S_LOGGED_IN --> 
		<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- ENDIF --> 
		<!-- IF S_HEADER_DROPDOWN --> 
		<a href="{FULL_SITE_PATH}{U_SEARCH}" onmouseover="dropdownmenu(this, event, menu1, '250px');" onmouseout="delayhidemenu();">{L_SEARCH}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- ELSE --> 
		<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- ENDIF --> 
		<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- IF not S_LOGGED_IN --> 
		<a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a>&nbsp;&nbsp;<img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />&nbsp; 
		<!-- ENDIF --> 
		<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a> 
	</td> 
</tr> 
<!-- ENDIF --> 
 
<!-- IF S_PAGE_NAV --><tr><td width="100%" colspan="3"><div style="margin-left: 7px; margin-right: 7px;"><!-- INCLUDE breadcrumbs_main.tpl --></div></td></tr><!-- ENDIF --> 
 
<!-- INCLUDE overall_inc_body.tpl --> 
 
<!-- ENDIF --> 

templates/default/overall_footer.tpl

Code: [Hide]

<!-- IF S_LOFI --> 
<!-- IF S_LOFI_BOTS --> 
<!-- INCLUDE ../common/lofi/bots/lofi_bots_footer.tpl --> 
<!-- ELSE --> 
<!-- INCLUDE ../common/lofi/lofi_footer.tpl --> 
<!-- ENDIF --> 
<!-- ELSE --> 
<!-- INCLUDE overall_inc_footer.tpl --> 
<tr> 
	<td colspan="3"> 
	<div id="bottom_logo_ext"> 
	{IMG_TBL} 
	<div id="bottom_logo"> 
		<table class="empty-table" width="100%" cellspacing="0" cellpadding="0" border="0"> 
			<tr> 
				<td nowrap="nowrap" class="min250" align="left"><span class="copyright">{COPYRIGHT_LINK}{TRANSLATION_INFO}</span></td> 
				<td nowrap="nowrap" align="center"> 
					<div style="text-align: center;"> 
						<span class="generation"><b>{LOFI}</b></span><br /> 
						<!-- IF S_GENERATION_TIME --> 
						<span class="generation">{PAGE_GEN_TIME} <b>{GENERATION_TIME}s</b> (PHP: {PHP_PART}% SQL: {SQL_PART}%){MEMORY_USAGE}</span><br /> 
						<span class="generation">{SQL_QUERIES}: {NUMBER_QUERIES} - {DEBUG_TEXT} - {GZIP_TEXT}</span> 
						<!-- ENDIF --> 
					</div> 
				</td> 
				<td nowrap="nowrap" class="min250" align="right">{TEMPLATE_COPYRIGHT_LINK}</td> 
			</tr> 
		</table> 
	</div> 
	{IMG_TBR} 
	</div> 
	</td> 
</tr> 
</table> 
{PAGE_END} 
 
<!-- IF GF_BLOCK --><!-- BEGIN gfooter_blocks_row -->{gfooter_blocks_row.CMS_BLOCK}<!-- END gfooter_blocks_row --><!-- ENDIF --> 
{BOTTOM_HTML_BLOCK} 
<span><a name="bottom"></a></span> 
<!-- IF not S_BOT -->{RUN_CRON_TASK}<!-- ENDIF --> 
</div> 
</div> 
{GOOGLE_ANALYTICS} 
</body> 
</html> 
<!-- ENDIF --> 

Cleared cache, works ok! Borders are little wider after that but that's ok.

2ND EDIT: (Changed edit in overall_header)

New edit;

Code: [Hide] [Select]

</head>

<body>

<div align="center">

<div id="global-wrapper" style="width: 99%; text-align: left;">

Forum page will be wide after re-sizing from full-screen, however refreshing the page now fixes that with the above edit thanks to Mort.

mort [ Sun 22 Jan, 2012 10:26 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

hans wrote:
the footer did not require any though.

You've added a new div after "body" - Therefore you must close it off in the footer.

Header.

<body>
<div align="center">

Footer:
</div>
</body>
</html>

Otherwise you are only creating an unclosed wrapper and relying on the browser to sort out the error. - Not a good idea.

Anyway post it as a bug - because that's what it is when the css is not controlling both the width and the position of the template. And let MG sort it out because the <div align="center"> either needs to be acceptable to all nested themes that use the "default" templates, else he'll have to copy the header and footer.tpl to "Icy Phoenix" and apply the changes there.

Hans [ Sun 22 Jan, 2012 10:42 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

mort wrote: [View Post]
hans wrote:
the footer did not require any though.

You've added a new div after "body" - Therefore you must close it off in the footer.

Header.

<body>
<div align="center">

Footer:
</div>
</body>
</html>

Otherwise you are only creating an unclosed wrapper and relying on the browser to sort out the error. - Not a good idea.

Anyway post it as a bug - because that's what it is when the css is not controlling both the width and the position of the template. And let MG sort it out because the <div align="center"> either needs to be acceptable to all nested themes that use the "default" templates, else he'll have to copy the header and footer.tpl to "Icy Phoenix" and apply the changes there.

Sweet thanks again, I guess I was not thinking. LOL I added that closing tag in the footer, last few lines in the footer file look like this now.

Code: [Hide] [Select]

</div>

</div>

{GOOGLE_ANALYTICS}

</body>

</html>

<!-- ENDIF -->

As far as the title, I can't change that.

mort [ Sun 22 Jan, 2012 11:13 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Two things.

Why do you feel you have to deviate from the suggested code below and add the footer </div> before {GOOGLE_ANALYTICS} ?

It may work for this - It may work for that - But one day {GOOGLE_ANALYTICS} may displace the closing </div> and only create more problems - Or some other browser gets stuffed up trying to work out where the closing tag is?

hans wrote:
As far as the title, I can't change that.

You started the thread, then all you should need to do is edit the first post and change the "Title" - Or am I in the wrong forum here - because I'm getting easily confused these days as to what forum I'm on, supporting or being banned from?

Joshua203 [ Sun 22 Jan, 2012 14:33 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

I've tried reproducing this together with TheSteffen and failed but since you seem to be able to ..I've moved this to the bugs forum for now anyway

EDIT: sorry for jugling with the wrong thread Mort

mort [ Sun 22 Jan, 2012 23:27 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

I wouldn't worry about moving the thread etc - So long as it's not public - Otherwise I would have said "Pussyfooting"

Anyway - Back on topic.

I've got four pics here that shows what's happening both with the "default" and why <div align="center"> would be needed, because Chrome needs to have some sort of width applied for it, that of course will affect all templates using the "default-blah.tpl's etc.

Hans [ Mon 23 Jan, 2012 00:42 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

Off Topic
:
mort wrote: [View Post]
Two things.

Why do you feel you have to deviate from the suggested code below and add the footer </div> before {GOOGLE_ANALYTICS} ?

It may work for this - It may work for that - But one day {GOOGLE_ANALYTICS} may displace the closing </div> and only create more problems - Or some other browser gets stuffed up trying to work out where the closing tag is?

<body>
<div align="center">

</div>
</body>

hans wrote:
As far as the title, I can't change that.

You started the thread, then all you should need to do is edit the first post and change the "Title" - Or am I in the wrong forum here - because I'm getting easily confused these days as to what forum I'm on, supporting or being banned from?

And I was even trying not to be a pain in the rear..

I Was not intending on deviating from your instruction on that closing tag I just did not understand exactly what you wanted me to do at the time... Had a couple beers last night, that may not have helped any either.

The title I was not able to edit (more than once) using the "title edit" box at the bottom. If the title prefix is used for sorting then amending a prefix to the actual title will not help as the title and prefix are contained in separate DB tables.

I did move that closing tag though for you, just have not edited the previous posts here.

mort [ Mon 23 Jan, 2012 09:42 ]
Post subject: Re: Forum Page Really Wide, What Did I Do? LOL

hans wrote:
If the title prefix is used for sorting then amending a prefix to the actual title will not help as the title and prefix are contained in separate DB tables.

Sorry, I didn't know that.

But it's pretty stupid that the "Author/Owner of the thread" can't edit the whole original title at any time because often some things are tagged "Fixed" whatever, and then have to be revisited for some other reason that it's either not fixed or the "fix" is creating problems somewhere else.

Maybe that should be added to the "Bug List" too?

Or start a new thread "[REALLY NOT SOLVED YET] Blah" - So that one could expect some further response to the original question.

Anyway, I don't want to get off-topic for not knowing how the "Title Status Block" works, but I felt that I did owe you an apology.