Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2011
    Thanked 0 Times in 0 Posts

    Unhappy 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!

  2. #2
    Master Coder sunfighter's Avatar
    Join Date
    Jan 2011
    Thanked 1,008 Times in 1,005 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.
    Physics is actually atoms trying to understand themselves.


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts