Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
Thread: CSS positioning questions
03-21-2014, 02:58 PM #1
- Join Date
- Oct 2011
- Thanked 0 Times in 0 Posts
CSS positioning questions
I've been trying to solve a CSS problem for too many hours, so now I'm calling out for help.
I'm designing a site at Home . It is a Joomla 3.x installation using the YouSimpleGrids template from YouJoomla.
There are two issues I just can't find the solution to. First , the transparent gray background should be 100% of the width. It works in the header and footer but not in the body. Can someone help me with the CSS for that?
Second, the header, body and footer blocks should have a vertical offset that is a percentage of the browser height. (The gray block needs to be at different heights on different pages and needs to always be at the same place on the background image, no matter how the browser is resized. The background image resizes with a 'supersize' PlugIn.) At the same time, the content block needs to stay centered horizontally. Can someone help me with the CSS for that?
This is how it ought to look:
I'm so thankful there are people out there who are much better at this kind of thing than I am!
Thanks for any help!
03-21-2014, 05:55 PM #2
- Join Date
- Jan 2011
- Thanked 753 Times in 751 Posts
This is the div that controls the gray div that holds the 4 images; <div id="centerbottom" class="yjsgsitew">
It's that width that makes the area smaller than 100%. It might fix your other problems. Too many places to go look for it myself.
Evolution - The non-random survival of random variants.
Because I love FLEXBOX and tired of waiting: http://davidwalsh.name/goodbye-vendor-prefixes