Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to achieve this design

Discussion in 'Website Design Forum:' started by DaveGears86, Nov 4, 2011.

  1. DaveGears86

    DaveGears86 Member

    This will be a simple question for some but I really would love to know how to achieve this style of laying out a website (link below, appologies if this is not allowed but I have no other way of explaining)

    Home :: Echo Enduring Blog - A Web and Graphic Design Blog - (again, appologies if I am breaking a rule but I'm just desperate to know!)
    What I am interested in is the way the seperate backgrounds are put in place ...for example, there is a small-heighted dark width at the top, followed by the bulkier green patterned background which sits behind the logo/nav

    Is it as easy as setting width to "auto" on a number of div tags and setting different background images for each div in css?

    I'm guessing there is an easier, more elegant way of doing it?
    Could somebody please help to explain how?

    I have tried to google tutorials but I am unsure of what to actually type as I obviously have no idea what the method is called or if this even is a taught/learnt 'method' ..I'm guessing it could be php? again no idea, My knowledge is limited to HTML/CSS as I learn more

    thank you, I appreciate it
     
  2. Corrosive

    Corrosive Moderator Staff Member

    I'd just portion each area of the site up with a 100% width 'wrapper' class with the desired image set as a background through a CSS ID. Then create an 'inner-wrapper' class that has a fixed width to hold your content areas and apply that to each section.
     
  3. DaveGears86

    DaveGears86 Member

    Thanks Corrosive,

    I was thinking that myself, but for some reason something was telling me theres a more fancy way of doing it and I just had to find out!
     
  4. Corrosive

    Corrosive Moderator Staff Member

    Nah, that's how I'd do it.
     

Share This Page