[SOLVED] How to create an additional 'area' within the template

runnerb0y · #1 Dec 8, 2010, 09:47 AM

I did hours of looking on this wonderful site before resorting to asking this question. It's not an easy one to put into words, but I'll try my best.

I found a theme I'd like to emulate (some features of it anyway). By examining the page source and by using Firebug, it shows that they have a <div id="wrap"> which encapsulates the header, content and footer.

My question is....
How do I create an additional 'area' (DIV) that can encapsulate the <div id="wrapper"> which encapsulates the <div id="container">?

A more visual representation (specifically the items in red) of what I want this to look like would be this....

Code:

<html>
   <head>
         <A bunch of meta content, descriptions, and blah-blah-blah goes in here>
   </head>
        <body>
             <div id="wrap">
                  <div id="wrapper">
                       <div id="container">
                           <The rest of the Atahualpa magic happens in here!!!>
        </body>
</html>

Thanks for any of you amazing ATA users/forum-moderators that can shed some light on this for me!

~Jeff

lmilesw · #2 Dec 8, 2010, 11:18 AM

One of the many things I love about this theme is being able to do things I never thought about. In this case I just though about the settings and in ATO>Add HTML/CSS Inserts>CSS Inserts>HTML Inserts: Body Top I put

HTML Code:

<div id="wrap">

and in HTML Inserts: Body Bottom I put

HTML Code:

</div>

to close it. Seems to work.

runnerb0y · #3 Dec 8, 2010, 01:06 PM

lmilesw,

I'm astounded that it can be that easy! That did exactly what I needed. Thank you very much!

Consider this solved.

~Jeff

lmilesw · #4 Dec 8, 2010, 01:11 PM

Can I ask what is the purpose of the extra div or can you post a link to the site?

runnerb0y · #5 Dec 8, 2010, 01:49 PM

I'm not totally certain if I need the 'extra' <div>, but it's been tough picking apart the code and I may need to resort to going that route. You solution works beautifully, but I may be able to achieve similar results with enough extra HTML/CSS inserts.

The site is being built on our internal network and isn't reachable by the outside world.