Scrollbar and white gap on right side
-
-
- pkuhlmann
- Newbie
- Posts: 16
- Thanks: 1
-
Hi there,
maybe I have found a bug in Gantry 4.1.10 / Joomla 2.5.11.
I have made a Quickinstall with Gantry without any modifications but only set the theme parameter width to 1200 pixel.
After that I see a horizozantal scrollbar in frontend, but if you scroll to right or left there is a white gap and the background of the DIV elemets are not scrolling.
See image attached for better understanding.
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
Without a link to page where the problem is on your site it is quite hard for us to provide the best solution due to so many variables. We try to provide file names and line numbers for code changes and if changes have already been made then our advice may be incorrect.
Can you please post a link to the problem and we will do our best to assist you.
Thanks
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- pkuhlmann
- Newbie
- Posts: 16
- Thanks: 1
-
Hi David, shame on you :cheesy:
I told you that it is a basic Installation without any modification.
You can check it by youself if you install the basic package into your local Apache. I hope you have a local Apache for testing.
And this issue is visible in any modern Browser like: FF, IE and Chrome
Anyway here is the live URL
grafiknet.de/gantry/
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
I never use local for development. I always use a dev server that client has access to. That way they see it all works. If they then get me to install on some cheap and nasty hosting that causes everything to break then it becomes their problem and not mine :cheesy:
Trouble with local is that unless my local settings are identical to yours then I may never see the same problem.
Anyway - I have attached screenshot of your site - no problem displayed.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- pkuhlmann
- Newbie
- Posts: 16
- Thanks: 1
-
Hi David, sure you cant see the issue. You know why?
Please shrink your Browser window less then 1200 pixel width then you can see the issue.
I told you, that the error is always shown if the scrollbar is available.
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
pkuhlmann wrote:Hi David, sure you cant see the issue. You know why?Ok - I have been able to replicate the problem. Just for information though, your first post states...
Please shrink your Browser window less then 1200 pixel width then you can see the issue.
I told you, that the error is always shown if the scrollbar is available.
pkuhlmann wrote:Hi there,No mention of resizing the screen to force the scrollbar to show. You just say that once you set template to fixed width of 1200px you get a scrollbar and gaps in backgrounds.
maybe I have found a bug in Gantry 4.1.10 / Joomla 2.5.11.
I have made a Quickinstall with Gantry without any modifications but only set the theme parameter width to 1200 pixel.
After that I see a horizozantal scrollbar in frontend, but if you scroll to right or left there is a white gap and the background of the DIV elemets are not scrolling.
It looks like you have found a bug. The body width is not declared for 1200px fixed width option. I will raise a ticket to get it fixed.
In the meantime you could add the following code to gantry-custom.css
Thanks for your patiencebody { width:1200px; margin: 0 auto; }
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
-
-
- pkuhlmann
- Newbie
- Posts: 16
- Thanks: 1
-
Hi again,
sorry this is not a solution, see screenshot attached.
If your Browser has more width then 1200px you get a gap on the left and right side.
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- pkuhlmann
- Newbie
- Posts: 16
- Thanks: 1
-
Thanks anyway, are we going to "try & error" methode?
This code is working:body { min-width: 1200px !important; }
The "important" is important because the min-width was set here too:
../gantry/libraries/gantry/css/grid-responsive.css
-
-
-
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
-
Hi there,
pkuhlmann wrote:Thanks anyway, are we going to "try & error" methode?I already confirmed to you it was a bug and we, the moderators, have tried to find you a fix to help you out until the development team provide a new release. Perhaps you would have preferred that instead of "trial and error" we didn't help at all and asked you to wait until the update was released?
pkuhlmann wrote:This code is working:Glad you found a solution and thanks for posting it back as it may help othersbody { min-width: 1200px !important; }
The "important" is important because the min-width was set here too:
../gantry/libraries/gantry/css/grid-responsive.css
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
-
Time to create page: 0.396 seconds