Issue with Quasar template
-
-
- CNorris
- Newbie
- Posts: 6
- Thanks: 0
-
Hi Guys,
I'm having a problem with the quasar template and I was wondering if anyone knows how best to resolve it. Basically every page shows a white band at the bottom below the copyright info. Using the /?tp=1 switch it looks as if a couple of regions are defined here but as I don't have any content enabled for any of these regions and I have not forced the regions to be displayed via the admin page I can't see why they're displaying.
I've had a poke around using firebug and discovered that although the overall template width is fluid the height appears to be fixed at a maximum of 662px. However I can't figure out where this is defined as I can't see it in the css.
Can anyone help?
The URL to the site is www.eighteenthirtythree.com you'll see the big white region directly below the copyright info.
Thanks for your help guys
Chris
-
-
-
- CNorris
- Newbie
- Posts: 6
- Thanks: 0
-
Ok i've been playing around some more and I still can't get the page to grow above 662px high regardless of resolution used. looking at
www.eighteenthirtythree.com/?tp=1
it would appear that it's one of the footer divs or the debug/copyright div but if I assign content to one of these divs the whitespace grows (showing the content) and the main content area shrinks giving me an overall 662px high still. This implies that the footers, copyright and debug div are being correctly hidden and that something is causing the browser to restrict total content height.
Help!
-
-
-
- Kat05
- Preeminent Rocketeer
- Posts: 25898
- Thanks: 334
-
hi there,
you could add a background color to the white area to make it look like the rest of the site.
this is a core gantry fix, which usually is not recommended, because you will loose this change in case you update your gantry framework.
in .../components/com_gantry/css/gantry.css find:and add the desired bg color there.html, body { margin-bottom:1px; }
kat
- Kat05 / QA Lead & Support / Germany
-
-
-
- CNorris
- Newbie
- Posts: 6
- Thanks: 0
-
Kat,
with respect that is a poor fix. By your own admission this will break with future releases of gantry and at best it masks the problem rather than fixing it. To be honest what I really want to know is which div needs to be set to 100% height and a method for doing this that wont break the otherwise excellent theme layout. Does anyone know what I should change please?
Chris
-
-
-
- Mike VanKirk
- Preeminent Rocketeer
- Posts: 15294
- Thanks: 3
-
Hello,
Try adding this to your template.css:
#rt-main.mb12{min-height:1000px;}
-
-
-
- CNorris
- Newbie
- Posts: 6
- Thanks: 0
-
Henning wrote:
have you tried adding:
body, html , #rt-main-surround{
height: 100%;
}
to your template.css?
Henning,
that looks to be exactly what I need, I've backed out the gantry.css changes and now the page renders exactly as I wanted.
Thank you very much
Chris
-
Time to create page: 0.075 seconds