Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy CSS positioning questions

    Hello!
    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:
    CSS positioning questions-seite_01.jpg

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

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,692
    Thanks
    25
    Thanked 657 Times in 656 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.
    Sorry
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


  •  

    Posting Permissions

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