Horisontal scroll does not appear

GK User
Wed Sep 29, 2010 12:32 am
There is a little problem (I think) with the horisontal scroll which does not appears if I narrow the browser window smaller than the width of the site
You can see it on your template demo, reduce the size to 800x600 pixels of visible portion

Image
UPD: This happens in all browsers, Firefox 3.6, Opera 10.6, Safari 5, IE8
Only Opera tries to resolve this but unfortunately makes it closing the content of the right side.


I would also like to know:
I use the left column for modules, between the column and mainbody there is padding with a value of 24 pixels
Code: Select all
.main .inner.cright-col {
padding-right:24px !important;

at the same time already is a rule with padding:12 pixels
Code: Select all
.main .inner {
padding:12px;

is it really necessary to have 24px? It takes up useful space on a narrow template.

Image
User avatar
Fresh Boarder

GK User
Wed Sep 29, 2010 1:09 am
damalredes wrote:
There is a little problem (I think) with the horisontal scroll which does not appears if I narrow the browser window smaller than the width of the site
You can see it on your template demo, reduce the size to 800x600 pixels of visible portion

Image


I'll take a look to see if I can help but I'm assuming it might be hidden.

I would also like to know:
I use the left column for modules, between the column and mainbody there is padding with a value of 24 pixels
Code: Select all
.main .inner.cright-col {
padding-right:24px !important;

at the same time already is a rule with padding:12 pixels
Code: Select all
.main .inner {
padding:12px;






is it really necessary to have 24px? It takes up useful space on a narrow template.

Image


No, it's not necessary, just the way this template was designed.
User avatar
Expert Boarder

GK User
Wed Sep 29, 2010 1:16 am
Thank you ThatComputerDude.
Recently I updated my messaje
UPD: This happens in all browsers, Firefox 3.6, Opera 10.6, Safari 5, IE8
Only Opera tries to resolve this but unfortunately makes it closing the content of the right side.
User avatar
Fresh Boarder

GK User
Tue Oct 05, 2010 2:16 pm
Hey guys, I waited quietly when you release the September template, now it's time to pay attention to bugs in the template.
I checked few last templates, the same problem also have Gamebox
Fix it as soon as possible
User avatar
Fresh Boarder

GK User
Tue Oct 05, 2010 2:20 pm
NOT having a horizontal scroll bar is not a bug, it's a personal preference. If you want it to show up for the 1% of people that still use 800x600, you can make the changes.

http://www.w3schools.com/browsers/browsers_display.asp
User avatar
Expert Boarder

GK User
Wed Oct 06, 2010 12:42 pm
ThatComputerDude wrote:
NOT having a horizontal scroll bar is not a bug, it's a personal preference.

since what time?
RL situation, this is my widescreen 1680x1050

Image

I hope somebody from GK team will see this topic and say something sensible
User avatar
Fresh Boarder

teitbite
Thu Oct 07, 2010 12:21 pm
Hi

I can see on this screens the standard demo look. Could You tell me what is the problem ?
User avatar
Moderator

GK User
Thu Oct 07, 2010 1:20 pm
I'm doing a website with partyfreak template. This website width is 980px, if you make a window narrower than the site, does not appear a horizontal scroll
The same happens on the demo partyfreak and gamebox in all browsers

Here you can see this problem, There is left column, content block is clipped and cann't be viewed
Image
User avatar
Fresh Boarder

teitbite
Fri Oct 08, 2010 1:00 am
Hi

Hmm. That's hard. I've found only one thing but the site goes left ;/ Sorry I have no idea how to make it ;/

Add this to template.css file:

Code: Select all
#bg_wrap1 {
position:absolute;
}
User avatar
Moderator

GK User
Sat Oct 30, 2010 9:19 pm
I found a solution to this problem
It was necessary to make a rules for #bg_wrap1 and #bg_wrap2 - the same min-width for this divs as template width

The simplest solution is add a single line to head.php
<!--Width of template -->
<style type="text/css">
#bg_wrap1,#bg_wrap2 {min-width:<?php echo $this->getParam('tmplWidth'); ?>;}
.main {width: <?php echo $this->getParam('tmplWidth', 'auto', true); ?>;margin: 0 auto;}
</style>

This solution works in all browsers and don't create any problem with backgrounds or other elements

I recommend to fix this bug in Party Freak and in Gamebox too (slightly modifying this code)
User avatar
Fresh Boarder


cron