SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout requires different horizontal background for each div

    Heya,

    I am trying to create a layout like the one in this picture.



    I will use fixed-width sections for the header content and footers and will have a background for each. But then I want to have the site background change depending on the section.

    What the best way to go about this? I generally use Blueprint CSS which creates fixed width layouts. Do I have to use a fluid width for what I'm trying to do??

    Any suggestions would be helpful...

    Thanks!

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Assuming that the background outside the header (and the other elements) is to match the height of the header and that you are catering for a fluid height (which you would need to do for text resize anyway) then your only option will be to use 2 divs for every row.

    The first div would be 100% wide and carry the background colour and the inner div would be a fixed width centred element holding the content and the inner colour.

    You would need to use that approach for all the elements to get your multi-coloured stripe effect.

  3. #3
    SitePoint Member
    Join Date
    Nov 2008
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tried what you suggested. Problem solved. Thanks!!!


Bookmarks

Posting Permissions

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