Stacking Static Divs

Hi,
I've made a picture gallery
http://www.olicorse.com/portfolio/graphics/logos/logos.html
and have positioned the captions under each image using Absolute
Positioned divs.
For some reason it is displaying oddly in Internet Explorer,
although it works fine in Firefox and Safari and when I asked why,
a member on here though told me I shouldn't use AP Divs because
they will always stay in the exact same place so if the viewer
increases the font or something, everything else will move and this
might be the problem.
However, in order to make the captions appear and disappear
when the viewer changes the image, I have stacked them one on top
of each other and used Hide/Show behaviours. If I just use Static
Positioned divs, the captions will appear after one another so that
there is a big gap when they are hidden.
Is there a way of stacking Static Divs on top of each other,
rather than having them appear after one another? Failing that, can
anyone take a look at the site in IE and try and work out what's
going wrong? I also think that it's not showing the margin I have
added to the main gallery picture as this is what pushed the footer
down to make room for the caption.
Please help!!!

Please do not start a new thread for a problem that you have
already posted.
It makes it very hard for us to help you.
What also makes it very hard for us to help you is when you
a) don't read
the replies you get fully, and b) don't then ask questions
about the things
you don't understand. You have not done this.
Can we take this back to the original thread, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"olicorse" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
>
> I've made a picture gallery
>
http://www.olicorse.com/portfolio/graphics/logos/logos.html
and have
> positioned
> the captions under each image using Absolute Positioned
divs.
>
> For some reason it is displaying oddly in Internet
Explorer, although it
> works
> fine in Firefox and Safari and when I asked why, a
member on here though
> told
> me I shouldn't use AP Divs because they will always stay
in the exact same
> place so if the viewer increases the font or something,
everything else
> will
> move and this might be the problem.
>
> However, in order to make the captions appear and
disappear when the
> viewer
> changes the image, I have stacked them one on top of
each other and used
> Hide/Show behaviours. If I just use Static Positioned
divs, the captions
> will
> appear after one another so that there is a big gap when
they are hidden.
>
> Is there a way of stacking Static Divs on top of each
other, rather than
> having them appear after one another? Failing that, can
anyone take a look
> at
> the site in IE and try and work out what's going wrong?
I also think that
> it's
> not showing the margin I have added to the main gallery
picture as this is
> what
> pushed the footer down to make room for the caption.
>
> Please help!!!
>

Similar Messages

  • Stacking a Div ontop of another Div inside of a div?

    ok so i am not a programmer, just a designer doing a family a favor building him a website. In using divs i am trying to get a div to overlap another div, while inside another div.  confused? ok in simple: i have a div "wrapper" that holds the website center since the design is off center, inside this div i have another div which holds my body of the website "main", also inside the wrapper div i have a second div called "element" which is to sit top left and overlap the main div. The idea is to have an image cutting into the top left of the website, while keeping the rest of the site centered. I have attached a sample picture, and will post the code. if anyone can help please let me know thank you.
    CODE:
    <body>
    <div id="wrapper">
      <div id="element"><img src="images/Gears.gif" width="305" height="310" alt="gear image" /></div>
      <div id="main">
        <div id="header">
          <h1><img src="" alt="" name="Picture" width="100" height="180" align="right" id="Picture" style="background-color: #00FF00" />Don Pike <span class="eng">B.Sc. P. Eng.</span></h1>
          <h3>text</h3>
          <h3>&nbsp;</h3>
          <h3>phone </h3>
          <h3>email</h3>
          <h3> </h3>
          <h3>address</h3>
          <h3>city</h3>
    </div>
        <div id="content">
          <h2>Lorem ipsum dolor sit amet,</h2>
          <p> consectetur adipiscing elit. Suspendisse vitae pulvinar enim. Nunc eget ipsum diam, quis commodo nisi. Donec blandit mi mi, sit amet facilisis magna. Mauris eget diam est. Sed condimentum, nisi nec volutpat tincidunt, massa elit faucibus arcu, at dignissim purus tellus et velit. Integer at fringilla lacus. Nullam egestas leo vel mauris pretium gravida. </p>
       </div>
        <div id="footer">
          <table width="432" align="center" cellspacing="15">
            <tr>
              <td width="144"><a href="resume.html"><img src="images/Gears_03.gif" width="144" height="144" alt="resume" /></a></td>
              <td width="144"><img src="images/Gears_05.gif" width="144" height="144" alt="portfolio" /></td>
              <td width="122"><img src="images/Gears_07.gif" width="144" height="144" alt="about me" /></td>
            </tr>
          </table>
          <p> </p>
        </div>
      </div>
    </div>
    </body>

    <head>
    <style>
    #page{
        width:100%;
        height:100%;
        text-align:center;
    #wrapper {
        width: 860px;
        position: relative;
        float: none;
        margin: 0px;
        height: auto;
        padding: 0px;
        margin:0 auto;
    #element {
        top:0px;
        left:0px;
        padding: 0px;
        height: 310px;
        width: 305px;
        position: absolute;
        z-index: 100;
    #main {
        background-color: #333;
        height: auto;
        width: 550px;
        border: 1px solid 333333;
        position: absolute;
        float: right;
        padding: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        left: 155px;
        top: 125px;
    #header {
        padding: 0px;
        height: 180px;
        width: 360px;
        float: none;
        position: relative;
        margin-top: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-left: 170px;
    #content {
        color: 555555;
        background-color: #FFF;
        padding: 20px;
        height: auto;
        width: 470px;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-left: 20px;
    #footer {
        background-color: #FFF;
        padding: 0px;
        height: 180px;
        width: 510px;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-left: 20px;
    body {
        background-color: #CCC;
    h1 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 25px;
        color: #FFF;
        margin: 0px;
        padding: 0px;
    h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #CCC;
        margin: 0px;
        padding: 0px;
    h2 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 20px;
        color: #000;
        padding: 0px;
        margin: 0px;
    p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        color: #333;
        margin: 0px;
        padding: 0px;
    .eng {
        font-size: 12px;
    ul {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        color: #333;
    </style>
    </head>
    <body>
    <div id = "page">
        <div id="wrapper">
          <div id="element"><img src="images/Gears.gif" width="305" height="310" alt="gear image" /></div>
          <div id="main">
            <div id="header">
              <h1><img src="" alt="" name="Picture" width="100" height="180" align="right" id="Picture" style="background-color: #00FF00" />Don Pike <span class="eng">B.Sc. P. Eng.</span></h1>
              <h3>text</h3>
              <h3> </h3>
              <h3>phone </h3>
              <h3>email</h3>
              <h3> </h3>
              <h3>address</h3>
              <h3>city</h3>
        </div>
            <div id="content">
              <h2>Lorem ipsum dolor sit amet,</h2>
              <p> consectetur adipiscing elit. Suspendisse vitae pulvinar enim. Nunc eget ipsum diam, quis commodo nisi. Donec blandit mi mi, sit amet facilisis magna. Mauris eget diam est. Sed condimentum, nisi nec volutpat tincidunt, massa elit faucibus arcu, at dignissim purus tellus et velit. Integer at fringilla lacus. Nullam egestas leo vel mauris pretium gravida. </p>
           </div>
            <div id="footer">
              <table width="432" align="center" cellspacing="15">
                <tr>
                  <td width="144"><a href="resume.html"><img src="images/Gears_03.gif" width="144" height="144" alt="resume" /></a></td>
                  <td width="144"><img src="images/Gears_05.gif" width="144" height="144" alt="portfolio" /></td>
                  <td width="122"><img src="images/Gears_07.gif" width="144" height="144" alt="about me" /></td>
                </tr>
              </table>
              <p> </p>
            </div>
          </div>
        </div>
    </div>
    </body>
    SORTED?

  • When Editing A Web Page In Edge Animate, How Can I Embed Edge Elements Into Pre-Existing DIV's?

    I created a basic layout with some boxes in Dreamweaver. I set the Overflow property on them to "Hidden". I then opened the page in Edge Animate. However I noticed that when I import stuff, such as an image, then try to drag it into one of the existing DIV's, it won't work. It stays on top of all the other DIV's. However if I create a box or some other sort of DIV directly in Edge Animate, I can drag the Image element into that, so it's enclosed within that DIV.
    I guess the workaround appears to be to embed the image into the DIV in Dreamweaver first, then open the page in Edge. However it would be nice to not have to keep jumping back and forth like that. Is there a way to do this in Edge Animate?
    Also, I noticed when I select one of the DIVs I made in Dreamweaver, many of the Properties such as Corners, Shadow, and Filters are missing. Can these only be used on DIV's created directly in Edge Animate?

    Hi, neohtom-
    What you're seeing is the difference between what we define as a static div (one that is defined outside of Animate) and a managed div (one that is defined inside of Animate).  Due to the fact that we expect other products to change a static div, we limit the amount of changes you can make to a static div.  Because we "manage" a div that is created inside of Animate, we allow a lot more changes to be made to a div.  Hope that answers your question!  I'd suggest creating divs within Animate if you want to eventually change them to have corners, etc.
    Cheers,
    -Elaine

  • What is the non-recursive stack based equivalent of this function?

    what is the non-recursive stack based equivalent of this function?
         static void _try (int n)
              int i; if (n==4) print(); else for (i=0; i<4; i++) if (is_free(i,n)) {
                   x[n] = i;
                   _try(n+1);
         }

    It goes infinite no output. Thanks though.
    public class CopyOfDamen { // x[i] = x coordinate of queen in row i.
         static int N = 4; static Stack stack = new Stack(); static int [] x = new int[8]; public static void main(String [] par) { _try(); }
         // prints field
         static void print ()
              int i,j;
              System.out.print ("+----------------+\n");
              for (i=0; i<8; i++) {
                   System.out.print ("|");
                   for (j=0; j<8; j++)
                        if (j==x) System.out.print ("<>"); else System.out.print (" ");
                   System.out.print ("|\n");
              System.out.print ("+----------------+\n\n");
         // tests, whether (ix, iy) is beaten by queens 0...(iy-1)
         static boolean is_free (int ix, int iy)
              int i;
              for (i=0; i<iy; i++)
                   if ((x[i]==ix) || (Math.abs(x[i]-ix)==Math.abs(i-iy))) return false;
              return true;
         // tries to place queen n on row n
         static void _try () {
              int i = 0, n = 0;
    call:
              for(;;) { // forever
                   if (n == N) {
                        print();
                   } else {
                        for (;i < N; i++) {
                             if (is_free(i,n)) {
                                  x[n] = i;
                                  System.out.print(x[n] + " ");
                                  n++;
                                  stack.push(i);
                                  i = 0;
                                  continue call; // call _try (but first save state and initiate new state)
                        } System.out.println();
                   // _try returns (check termination criterion and restore state)
                   n--;
                   if (n < 0) break; // terminate
                   i = stack.pop();
    } class Stack {
         int StackSize = 32, top = 0; int [] stack = new int[StackSize]; public Stack() {} void push(int x) { if (top < StackSize) stack[top++] = x; } int pop() { if (top >= 1) return stack[--top]; return -1; }

  • Static v absolute position

    Many comments have been made elsewhere about the wisdom of
    using 'absolute', particularly when a crossbrowsers are considered
    and user's adjustment of text size..to quote one problem...
    So, in order to eliminate these glitches from my pages, I
    should apparently convert to 'static'..
    What would be the steps to take to accomplish this without
    too much hassle. I do have a lot of CSS code, which, I guess, when
    adjusted would take care of some of the problems.
    Is there a tutorial/publication which deals with this
    procedure?

    Any element without an explicit positioning style is static,
    by default,
    e.g.,
    <html>
    <head>
    </head>
    <body>
    <div>This is a static div</div>
    <p>This is a static paragraph</p>
    </body>
    > So, in order to eliminate these glitches from my pages,
    I should
    > apparently
    > convert to 'static'..
    That's a gross oversimplification. You should re-design your
    layout so that
    the page elements are placed on the page as dictated by THE
    NORMAL FLOW,
    mediated through the CSS rules. Simply taking a page that has
    been designed
    using absolutely positioned elements, and converting the
    absolute position
    to static position (by removing the positioning altogether)
    will most likely
    not work very well. I think you understand this, but I'm not
    sure.
    > I do have a lot of CSS code
    This, too, is a bit troubling. Having a lot of CSS often
    means inefficient
    use of rules and selectors.
    In general, you don't need many custom classes. And, in fact,
    they
    make your life more difficult when you come back to maintain
    the page a year
    later. Use ID selectors and create descendent selector rules.
    An example -
    #maintable { .... }
    #maintable td { .... }
    #maintable td table { ... }
    each of those rules would apply explicitly to a) this table -
    <table id="maintable">,
    and b) this cell -
    <table id="maintable">
    <tr>
    <td>...</td>
    </tr>
    </table> (and all others in that table),
    and to this table -
    <table id="maintable">
    <tr>
    <td>
    <table>
    <tr>
    <td></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    Then you could use this rule -
    #maintable table td.special { .... }
    to apply to this cell explicitly -
    <table id="maintable">
    <tr>
    <td>
    <table>
    <tr>
    <td class="special">this one</td>
    <td>but not this one</td>
    <td class="special">this one</td>
    <td>but not this one</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    Also, it is not necessary to define default styles, e.g.,
    font-weight:normal, unless you are trying to counteract some
    cascading rule.
    Further, it is not necessary to define styles that are
    normally inherited,
    e.g.,
    body { font-family: Calibri, verdana, arial, helvetica,
    sans-serif; }
    will style all characters used on the page, no matter where
    they are located
    or in which container.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Karlhevera" <[email protected]> wrote in
    message
    news:[email protected]...
    > Many comments have been made elsewhere about the wisdom
    of using
    > 'absolute',
    > particularly when a crossbrowsers are considered and
    user's adjustment of
    > text
    > size..to quote one problem...
    >
    > So, in order to eliminate these glitches from my pages,
    I should
    > apparently
    > convert to 'static'..
    > What would be the steps to take to accomplish this
    without too much
    > hassle.
    > I do have a lot of CSS code, which, I guess, when
    adjusted would take care
    > of
    > some of the problems.
    > Is there a tutorial/publication which deals with this
    procedure?
    >
    >

  • Misaligned divs

    Hi, Im having some trouble aligning my divs in IE 7 and older versions of FF. The divs in my date block as well as my top nav div are pushing everything down. Ive been trying different things for days and nothing seems to work. As of now Im unable to make it live so you can see the problem but heres my code. To shorten it, i took out some of the scripts. Ill do what i can to get this live but until then, if someone could try and help, that would be excellent. Thanks in advance
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Chalkboard Publishing Inc.</title>
    <link rel="stylesheet" href="css/styles.css" type="text/css" />
    <link rel="stylesheet" href="css/topnav.css" type="text/css" />
    <link rel="stylesheet" href="css/mBanner.css" type="text/css" />
    <script language="Javascript" type="text/javascript">
    var today = new Date();
    var monthnum = today.getMonth();
    var monthname=new Array("January","February","March","April","May",
       "June","July","August","September","October","November","December");
    var day=today.getDate();
    </script>
    <!-- Accoridan Nav Script -->
    <script type="text/javascript" src="js/jquery-1.2.3.js"></script>
    <script>
      $(document).ready(function(){
          lastBlock = $("#a1");
        maxWidth = 224;
        minWidth = 75;   
        $("ul li a").hover(   
            function(){           
                $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
                $(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
                currentBlock = this;               
                lastBlock = this;           
    </script>
    <!-- End Nav Script  bgcolor="#00AAAA"-->
    </head>
    <body background="images/bg.gif">
    <div id="pagelayout">
    <div id="topdiv">
    <a href="index.html"><img src="images/logo.gif" class="border" /></a> <img src="images/toppic.png" class="border" />
    <!-- Javascript Date Block -->
    <div class="outerbox" style="float:right; margin-top: 0px; position:static"> <!--style=" float:right;; margin-top:-181px;"-->
    <div class="datebox"><br />
    <script language="Javascript" type="text/javascript">
    document.write(monthname[monthnum])
    </script>
    </div>
    <div class="monthbox">
    <script language="Javascript" type="text/javascript">
    document.write(day)
    </script>
    </div><img src="images/chalkboard-bottom.gif"/>
    </div>
    <!--  End Date Block -->
    <br />
    <img src="images/sidepic.png" class="border" /><div id="topnav">
    <ul>
         <li>
             <a href="#" id="a1">
                 <img src="images/nav/book1.gif" border="0" />
                <p>
                    <strong>Health Education</strong><br/>
                    Different health concepts with a variety of fun activities.
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book2.gif" border="0" />
                <p>
                    <strong>Mathematics</strong><br/>
                    Number sense, patterning, measurement and data management.
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book3.gif" border="0" />
                <p>
                     <strong>Highschool Resources</strong><br/>
                    Post-Secondary Preparedness!
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book4.gif" border="0" />
                <p>
                     <strong>Time Fillers</strong><br/>
                    Drawing, colouring, reading, writing, counting and number skills.
                </p>
            </a>
         </li>
        <li>
             <a href="#">
                 <img src="images/nav/book5.gif" border="0" />
                <p>
                     <strong>Character Education</strong><br/>
                    Understanding and appreciation for character education.
                </p>
            </a>
         </li>
    </ul>    
    </div> <!-- End topnav -->
    </div> <!-- End topdiv -->
    <div id="leftsidediv">
    <img src="images/subjects.png" width="195" height="40" border="0" /><br />
    <a href="Math/indexMathematics.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Math','','images/links/mathematics_over.gif',1)"><img src=
    "images/links/Mathematics.gif" name="Math" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Character','','images/links/charactermanagement_over.gif',1)"> <img src="images/links/charactermanagement.gif" name="Character" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Health','','images/links/health_over.gif',1)"><img src="images/links/health.gif" name="Health" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Social','','images/links/social_over.gif',1)"><img src="images/links/social.gif" name="Social" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('French','','images/links/french_over.gif',1)"><img src="images/links/french.gif" name="French" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Time','','images/links/time_over.gif',1)"><img src="images/links/time.gif" name="Time" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Highschool','','images/links/highschool_over.gif',1)"><img src="images/links/highschool.gif" name="Highschool" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Classroom','','images/links/classroom_over.gif',1)"><img src="images/links/classroom.gif" name="Classroom" border="0" /></a><br />
    <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bulletin','','images/links/bulletin_over.gif',1)"><img src="images/links/bulletin.gif" name="Bulletin" border="0" /></a>
    <br />
    <a href="indexDealer.html"><img src="images/trade.gif" class="border" style="margin-top:7px"/></a><br />
    <a href="mailto:[email protected]"><img src="images/email.gif" class="border" style="margin-top:5px" /></a>
    </div> <!-- End leftsidediv -->
    <div id="rightsidediv">
    <!-- Banner Script -->
    <script language="javascript">
                            banner1.add("IMAGE", "banners/1.jpg", 5, 290, 590,"default.aspx?CategoryID=259");
                            banner1.add("IMAGE", "banners/2.jpg", 5, 290, 590,"default.aspx?CategoryID=68");
                            banner1.add("IMAGE", "banners/3.jpg", 5, 290, 590,"default.aspx?CategoryID=177");
                            // START THE BANNER
                            document.write(banner1);
                            banner1.start();
                    </script>
                    <!-- End Banner Script --><br />
                    <img src="images/purplebox.png" /> 
                    <img src="images/greenbox.png" /> 
                    <img src="images/bluebox.png" />
                    <img src="images/orangebox.png" />
    </div> <!-- End rightsidediv -->
    <div id="footerdiv"><br /><br />                                           <img src="images/footertext.png" border="0" style="margin-top:7px" /><a href="http://www.volumesdirect.com" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Volumes','','images/volumes_over.png',1)"><img src="images/volumes.png" border="0" name="Volumes"  /></a>
    <!--             This website and its contents &copy; 2009 Chalkboard Publishing Inc. All Rights Reserved    -  
    Site Design and Development by <a href="http://www.volumesdirect.com">Volumes</a>-->
    </div>
    <!-- End footerdiv -->
    </div> <!-- End pagelayout -->
    </body>
    </html>
    .body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:12pt;
        margin:auto;
    .border {
        border:#00AAAA 1px solid;
    #pagelayout {
        margin:auto;
        width:800px;
        min-height:880px;
        background-color:#FFFFFF;
        padding:5px;
        border:#016262 1px solid;
    #topdiv {
        vertical-align:top;
        width:800px;
        height:269px;
    #topnav {
        width:669px;
        height:94px;
        float:right;
        margin-top:-95px;
    #topnav a:link {
        color:#FFFFFF;
        text-decoration:none;
    #topnav a:visited {
        color:#FFFFFF;
        text-decoration:none;
    #topnav a:active {
        color:#FFFFFF;
        text-decoration:none;
    #topnav a:hover {
        color:#FFFFFF;
        text-decoration:none;
    #leftsidediv {
        width:200px;
        min-height:250px;
        float:left;
        border:none;
        padding-top:10px;
        color:#00aaaa;
        font-size:16px;
        line-height:18px;
    #rightsidediv {
        width:595px;
        height:570px;
        float:left;
        margin-top:15px;
        margin-left:5px;
    #footerdiv {
        width: 800px;
        height:65px;
        float:right;
        color:#FFFFFF;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        margin-top:-40px;
        background-image:url(../images/footer.gif);
        background-repeat:no-repeat;
        border:#00aaaa 1px solid;
    #footerdiv a:link {
        color:#FFFFFF;
        text-decoration:none;
    #footerdiv a:visited {
        color:#FFFFFF;
        text-decoration:none;
    #footerdiv a:active {
        color:#FFFFFF;
        text-decoration:none;
    #footerdiv a:hover {
        color:#FFFFFF;
        text-decoration:underline;
    <!------- Javascript date block -------->
    .outerbox {
        border:#00aaaa 1px solid;
        padding:0px;
        width:120px;
        overflow:hidden;
        margin:4px;
        font-weight:900;
    .datebox  {
         font-size:18pt;
        color:#fff;
        text-align:center;
        background-image: url(../images/chalkboard-top.gif);
        /*border-bottom:#00aaaa 1px solid;
        border-top:#00aaaa 1px solid;
        border-left:#00aaaa 1px solid;
        border-right:#00aaaa 1px solid;*/
        width:120px;
        height:60px;
        font-family: Comic Sans MS;
    .monthbox {
        font-size:40pt;
        color:#fff;
        background-color:#00aaaa;
        text-align:center;
        height:60px;
        font-family: Comic Sans MS;
        background-image: url(../images/chalkboard-mid.gif);
    textarea:focus, input:focus {
        border: 1px solid #00aaaa;
    #displaydiv {
        margin:auto;
        color:#00aaaa;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11pt;

    Thanks for the reply. Didnt think my code was so messed up. I thought it was the best Ive done so far
    1. Get rid of the -195 top margin
    did you mena -95 within my topnav?
    2. Delete and put into the topnav
         a. <img src="images/sidepic.png" class="border" />
         b. <img src="images/logo.gif" class="border" />
         c. <img src="images/toppic.png" class="border" />
    And i put these images in my topnav but then that just puts these images above my page. I added in some float styles and it helped a little but not by much at all. Is there possibly a way of doing this while leaving the images where they originally were? The page works fine in most browsers so it cant be designed all that bad. Im only having issues with topnav and my date block so it has to be something within those two. I added in screenshots below. Again, I appreciate your help
    <div id="pagelayout">
    <div id="topdiv">
    <!-- Javascript Date Block -->
    <div class="outerbox" style="float:right; margin-top: 0px; position:static">
    <div class="datebox"><br />
    <script language="Javascript" type="text/javascript">
    document.write(monthname[monthnum])
    </script>
    </div>
    <div class="monthbox">
    <script language="Javascript" type="text/javascript">
    document.write(day)
    </script>
    </div><img src="images/chalkboard-bottom.gif"/>
    </div>
    <!--  End Date Block -->
    <br />
    <div id="topnav"><a href="index.html"><img src="images/logo.gif" class="border" style="float:left" /></a><img src="images/toppic.png" class="border" style="float:right" width="330" /><img src="images/sidepic.png" class="border" style="float:left" />
    <ul>..............
    </div>

  • Two Divs on Top Of Two

    Pleasant good morning,
    I'm having a bit of problems with a stacking four divs (two on top of two).
    when i arrange them how i want them to be the two top divs are aligned ok.
    the botom left div is also ok , but the bottom right is aligned right but it starts at the bottom of the left div
    leaving the same same amount of space which is the actual div size it self.
    please see the code below:
    HTML.
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="/style.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    body {
    background-color: #10218B;
    </style>
    </head>
    <!-- start  -->
    <!-- END  -->
    <body>
    <div id="wrapper">
        <header> <img src="/images/head/ags_refrigeration_header.png"> </header>
           <!-- start  -->  
            <div id="center-wrapper">
           <!-- start  -->
            <nav> </nav>
           <!-- END  -->
            <!-- start  -->
           <section> </section>
           <!-- END  -->
           <!-- start  -->
           <div id="right">
            </div>
      <!-- END  -->
       <!-- start left divs -->
      <div id="leftcontainer">
      <!-- start left1 -->
       <div class="left1"></div>
       <!-- END left1  -->
        <!-- start left2 -->
        <div class="left2"></div>
          <!-- END left2  -->
         </div>
         <!-- END left divs  -->
         <!-- start left divs bottom -->
         <div id="leftcontainerbottom">
        <!-- start left3 bottom -->
       <div class="left3"></div>
       <!-- END left3 bottom  -->
    <!-- start left4 bottom -->
        <div class="left4"></div>
    <!-- END left4 bottom -->
    </div>
    <!-- END left divs bottom  -->
    <!-- start bottom -->
    <div id="bottom"></div>
    <!-- END left divs  -->
    <!-- start foot -->
      <footer> </footer>
    <!-- END left divs  -->
    </div>  
    <!-- END  container -->
    </div>
    </body>
    </html>
    the CSS
    #wrapper {
    background-color: #10218B;
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
    html,body {padding opx; margin 0px;}
    header {
    height: 120px;
    width: 100%;
    text-align: center;
    background-color: #FFF;
    p { padding-left:10px;
    padding-right: 10 px;
    #center-wrapper {
    height: 500px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    nav {
    background-color: #006;
    height: 50px;
    width: 100%;
    section {
    height: 60px;
    width: 100%;
    background-color: #0C3;
    margin-top: 5px;
    margin-bottom: 5px;
    #right {
    float: right;
    height: 400px;
    width: 320px;
    margin-right: 10px;
    background-color: #036;
    #leftcontainer {
    background-color: #066;
    height: 200px;
    width: 660px;
    .left1 {
    background-color: #9C3;
    float: left;
    height: 200px;
    width: 320px;
    margin-left: 10px;
    margin-bottom: 5px;
    .left2 {
    background-color: #0C0;
    float: right;
    height: 200px;
    width: 320px;
    margin-bottom: 5px;
    #leftcontainerbottom {
    height: 200px;
    float: left;
    background-color: #066;
    display: inline-block;
    width: 650px;
    .left3 {
    background-color: #336;
    height: 200px;
    width: 320px;
    float: left;
    margin-left: 10px;
    position: absolute;
    top: 0px;
    .left4 {
    background-color: #C39;
    height: 200px;
    width: 320px;
    float: right;
    margin-left: 10px;
    position: absolute;
    #bottom {
    background-color: #C96;
    clear: both;
    height: 60px;
    width: 1000px;
    footer {
    background-color: #000;
    clear: both;
    height: 80px;
    width: 100%;
    your help woul be highly appreciated as im stuck on this project

    I have removed the absolute positioning from the classes left3 and left4 divs. Here is the modified code..
    HTML
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <div id="wrapper">
      <header> <img src="/images/head/ags_refrigeration_header.png" /> </header>
    <!-- start  -->
      <div id="center-wrapper">
       <!-- start  -->
        <nav> </nav>
       <!-- END  -->
       <!-- start  -->
        <section> </section>
       <!-- END  -->
       <!-- start left divs -->
        <div class="left">
          <div id="leftcontainer">
           <!-- start left1 -->
            <div class="left1"></div>
            <!-- END left1  -->
            <!-- start left2 -->
            <div class="left2"></div>
            <!-- END left2  -->
           </div>
          <!-- END left container  -->
          <!-- start left divs bottom -->
           <div id="leftcontainerbottom">
            <!-- start left3 bottom -->
            <div class="left3"></div>
            <!-- END left3 bottom  -->
            <!-- start left4 bottom -->
            <div class="left4"></div>
            <!-- END left4 bottom -->
            </div>
         </div>
        <!-- END left divs bottom  -->
        <!-- start  -->
        <div id="right"> </div>
        <!-- END  -->
        <!-- start bottom -->
        <div id="bottom"></div>
        <!-- END left divs  -->
        <!-- start foot -->
        <footer> </footer>
        <!-- END left divs  -->
      <!-- END  container -->
    </div>
    </div>
    </body>
    </html>
    CSS
    body {
        background-color: #10218B;
    #wrapper {
        background-color: #10218B;
        height: auto;
        width: 100%;
        margin: 0px;
        padding: 0px;
    html, body {
    padding opx;
    margin 0px;
    header {
        height: 120px;
        width: 100%;
        text-align: center;
        background-color: #FFF;
    p {
        padding-left: 10px;
        padding-right: 10 px;
    #center-wrapper {
        width: 1000px;
        margin-right: auto;
        margin-left: auto;
        background-color: #FFF;
    nav {
        background-color: #006;
        height: 50px;
        width: 100%;
    section {
        height: 60px;
        width: 100%;
        background-color: #0C3;
        margin-top: 5px;
        margin-bottom: 5px;
    #right {
        float: right;
        height: 400px;
        width: 320px;
        margin-right: 10px;
        background-color: #036;
    #leftcontainer {
        background-color: #066;
        height: 200px;
        float: left;
        width: 660px;
    .left {
        float: left;
        width: 660px;
    .left1 {
        background-color: #9C3;
        float: left;
        height: 200px;
        width: 320px;
        margin-left: 10px;
        margin-bottom: 5px;
    .left2 {
        background-color: #0C0;
        float: right;
        height: 200px;
        width: 320px;
        margin-bottom: 5px;
    #leftcontainerbottom {
        height: 200px;
        float: left;
        background-color: #066;
        display: inline-block;
        width: 660px;
    .left3 {
        background-color: #336;
        height: 200px;
        width: 320px;
        float: left;
        margin-left: 10px;
        top: 0px;
    .left4 {
        background-color: #C39;
        height: 200px;
        width: 320px;
        float: right;
        margin-left: 10px;
    #bottom {
        background-color: #C96;
        clear: both;
        height: 60px;
        width: 1000px;
    footer {
        background-color: #000;
        clear: both;
        height: 80px;
        width: 100%;
    Hope this helps

  • CSS wierds - spaces between div tags

    Safari v4.0.4
    I'm seeing spaces between div tags that are not appearing in FF3.x or IE7&8
    I have inspected these tags and I can not locate where or what might be pushing the div's appart..
    Example: http://dev7.esonicspider.net/facility_overview.html
    Notice the black bar under "Prepare For Frequent Infection Control...." sub title in the header
    The image is 800x209px and the div is defined as the same:
    div#splashfacilityov { position:relative;
    background:url('images/facility_header.jpg') 0 0 no-repeat;
    width:800px;
    height:209px;}
    ..the next div in the stack is:
    div#submenubar { position:relative;
    background:url('images/submenu_bkgr.jpg') 0 0 no-repeat;
    width:800px;
    height:24px;}
    I have played around with both and can not see why that 20px bar is there between the two div's
    Any hints as to what Safari needs here..??
    Thanks John...

    Found that
    @charset "UTF-8";
    in the style sheet was the main problem..

  • Trouble with spacing of divs vertically

    Hi all,
    I am having trouble with CSS and vertically stacking my divs, In the following code there are a number of identical divs and I want them to stack one upon the other like in a list. At the moment I need to hit returns after each div to get below the one above and it puts way too much room in between each div doing this. I am at a loss how to do set the amount of spcae between them and also to make one go directly below the other.
    Any and all help greatly appreciated
    Thanks  Rick
    <bodystyle="margin:0; padding:0;">
    <div class="logo">
      <p><img src="images/spinlogonewsml.jpg" alt="Spin City Logo" border="0" style="position: absolute; top: 10px; left: 500px; /></p>
      <p> </p>
      <p> </p>
    </div>
    <div class=main">
    <div class="imagebutton" id="left"><img src="images/img_16_n.png" width="40" height="40" alt="left button" /></div>
    <div class="help">Rotate the Object or Panorama left one increment.</div>
    <p> </p>
    <div class="imagebutton" id="right"><img src="images/img_17_n.png" width="40" height="40" alt="Right Button" /></div>
    <div class="help">Rotate the Object or Panorama right one increment.</div>
    <p> </p>
    <div class="imagebutton" id="Plus"><img src="images/img_18_n.png" width="40" height="40" alt="Plus Button" /></div>
    <div class="help">Zoom into the image a step at a time.</div>
    <p> </p>
    <div class="imagebutton" id="minus"><img src="images/img_19_n.png" width="40" height="40" alt="Minus Button" /></div>
    <div class="help">Zoom out of the image a step at a time.</div>
    <p> </p>
    <div class="imagebutton" id="AutoRotate"><img src="images/img_20_n.png" width="40" height="40" alt="Auto Rotate Button" /></div>
    <div class="help">Starts or stops auto rotation of the Object or Panorama.</div>
    <p> </p>
    <div class="imagebutton" id="DefaultView"><img src="images/img_23_n.png" width="40" height="40" alt="Default Vew Button" /></div>
    <div class="help">Resets the Object or Panorama to it's starting position.</div>
    <p> </p>
    <div class="imagebutton" id="RotateMode"><img src="images/img_25_n.png" width="40" height="40" alt="RotateMode" /></div>
    <div class="help">
      Sets the mouse interactive mode to 'Rotate' allows for rotating the Object when zoomed in, toggles with 'Move' button below.
    </div>
    <p> </p>
    <div class="imagebutton" id="MoveMode"><img src="images/img_24_n.png" width="40" height="40" alt="Move Mode Button" /></div>
    <div class="help">Sets the mouse interactive mode to 'Move' allows for dragging the Object when zoomed in, toggles with 'Rotate' button above.</div>
    <p> </p>
    <div class="imagebutton" id="SoundButton"><img src="images/img_28_n.png" width="40" height="40" alt="Sound Button" /></div>
    <div class="help">Use this button to mute the sounds played by the interactive presentation.</div>
    <p>  </p>
    </div>
    </body>
    </html>

    Way too many divisions.  All you need is one main division or possibly two.  The rest is easily contained inside <p> tags.
    Copy and paste this into a new HTML document.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Vr help File</title>
    <style type="text/css">
    /**zero out browser default settings on everything**/
    * {margin:0; padding:0; line-height: 100%; font-size: 100%;}
    p {
    line-height: 1em;
    font-size: 16px;
    margin-bottom: 12px; /**space between paragraphs**/
    #logo {
    float:right;
    width: 35%;
    margin-right: 150px /**adjust as req'd**/
    </style>
    </head>
    <body>
    <div id="logo">
    <img src="http://www.spincityimaging.com/images/spinlogonewsml.jpg" width="74" height="53" class="logo" />
    <!--end logo --></div>
    <p><img src="http://www.spincityimaging.com/images/img_16_n.png" width="40" height="40" alt="left button" />Rotate the Object or Panorama left one increment.</p>
    <p><img src="http://www.spincityimaging.com/images/img_17_n.png" width="40" height="40" alt="Right Button" />Rotate the Object or Panorama right one increment.</p>
    <p><img src="http://www.spincityimaging.com/images/img_18_n.png" width="40" height="40" alt="Plus Button" />Zoom into the image a step at a time.</p>
    <p><img src="http://www.spincityimaging.com/images/img_19_n.png" width="40" height="40" alt="Minus Button" />Zoom out of the image a step at a time.</p>
    <p><img src="http://www.spincityimaging.com/images/img_20_n.png" width="40" height="40" alt="Auto Rotate Button" />Starts or stops auto rotation of the Object or Panorama.</p>
    <p><img src="http://www.spincityimaging.com/images/img_23_n.png" width="40" height="40" alt="Default Vew Button" />Resets the Object or Panorama to it's starting position.</p>
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Problem oraganizing a page

    I have started to create a website in Adobe Muse. I have hit a brick wall with Muse as in some of my pages I need to create a table and so I understand Muse does not support tables.
    I have already got a basic webpage up a running for my website (created in Frontpage), however I have a table already and have managed to open the HTML file in Dreamweaver and extract the coding to make the table its contents.
    I went into Muse and setup a completely blank page with just my logo and menu bar at the top and my translate accordion widget button, i placed my background and told Muse to export to HTML.
    When this was done I opened the HTML page I just created in Dreamweaver.
    The source code at this point is:
    <!DOCTYPE html>
    <html class="html" lang="en-GB">
    <head>
      <script type="text/javascript">
       if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.musemenu.js", "webpro.js", "musewpslideshow.js", "jquery.museoverlay.js", "touchswipe.js", "jquery.watch.js", "untitled-10.css"], "outOfDate":[]};
    </script>
      <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
      <meta name="generator" content="2014.2.1.284"/>
      <title>Untitled 10</title>
      <!-- CSS -->
      <link rel="stylesheet" type="text/css" href="css/site_global.css?240692191"/>
      <link rel="stylesheet" type="text/css" href="css/master_english.css?93225458"/>
      <link rel="stylesheet" type="text/css" href="css/untitled-10.css?3900444973" id="pagesheet"/>
      <!-- Other scripts -->
      <script type="text/javascript">
       document.documentElement.className += ' js';
    </script>
      <!-- JS includes -->
      <!--[if lt IE 9]>
      <script src="scripts/html5shiv.js?4241844378" type="text/javascript"></script>
      <![endif]-->
       </head>
    <body>
      <div class="rounded-corners clearfix" id="page"><!-- group -->
       <div class="PamphletWidget clearfix grpelem" id="pamphletu79"><!-- none box -->
        <div class="ThumbGroup clearfix grpelem" id="u113"><!-- none box -->
         <div class="popup_anchor">
          <div class="Thumb popup_element" id="u114"><!-- simple frame --></div>
         </div>
        </div>
        <div class="popup_anchor" id="u80popup">
         <div class="ContainerGroup clearfix" id="u80"><!-- stack box -->
          <div class="Container invi clearfix grpelem" id="u81"><!-- group -->
           <div class="clip_frame grpelem" id="u82"><!-- image -->
            <img class="block" id="u82_img" src="images/logo.png" alt="" width="597" height="126"/>
           </div>
           <nav class="MenuBar clearfix grpelem" id="menuu84"><!-- horizontal box -->
            <div class="MenuItemContainer clearfix grpelem" id="u85"><!-- vertical box -->
             <div class="sbg MenuItem MenuItemWithSubMenu clearfix colelem" id="pu86"><!-- group -->
              <a class="nonblock nontext rounded-corners shadow grpelem" id="u86" href="index.html"><!-- horizontal box --><div class="_u86 f3s_top clearfix" id="_u86-f3s_top"><div class="MenuItemLabel NoWrap clearfix grpelem" id="u88-4"><!-- content --><p>home</p></div></div></a>
             </div>
            </div>
            <div class="MenuItemContainer clearfix grpelem" id="u172"><!-- vertical box -->
             <div class="sbg MenuItem MenuItemWithSubMenu clearfix colelem" id="pu175"><!-- group -->
              <a class="nonblock nontext rounded-corners shadow grpelem" id="u175" href="search.html"><!-- horizontal box --><div class="_u175 f3s_top clearfix" id="_u175-f3s_top"><div class="MenuItemLabel NoWrap clearfix grpelem" id="u176-4"><!-- content --><p>search</p></div></div></a>
             </div>
            </div>
            <div class="MenuItemContainer clearfix grpelem" id="u216"><!-- vertical box -->
             <div class="sbg MenuItem MenuItemWithSubMenu clearfix colelem" id="pu217"><!-- group -->
              <a class="nonblock nontext rounded-corners shadow grpelem" id="u217" href="contact-us.html"><!-- horizontal box --><div class="_u217 f3s_top clearfix" id="_u217-f3s_top"><div class="MenuItemLabel NoWrap clearfix grpelem" id="u219-4"><!-- content --><p>contact us</p></div></div></a>
             </div>
            </div>
            <div class="MenuItemContainer clearfix grpelem" id="u229"><!-- vertical box -->
             <div class="sbg MenuItem MenuItemWithSubMenu clearfix colelem" id="pu232"><!-- group -->
              <a class="nonblock nontext rounded-corners shadow grpelem" id="u232" href="links---media.html"><!-- horizontal box --><div class="_u232 f3s_top clearfix" id="_u232-f3s_top"><div class="MenuItemLabel NoWrap clearfix grpelem" id="u235-4"><!-- content --><p>links &amp; media</p></div></div></a>
             </div>
            </div>
           </nav>
          </div>
         </div>
        </div>
       </div>
       <img class="grpelem" id="u5007" alt="" width="62" height="62" src="images/translate-u5007.png"/><!-- rasterized frame -->
       <div class="verticalspacer"></div>
      </div>
      <div class="preload_images">
       <img class="preload" src="images/u1921-r-full.png" alt=""/>
       <img class="preload" src="images/u1921-a-full.png" alt=""/>
      </div>
      <!-- JS includes -->
      <script type="text/javascript">
       if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
    </script>
      <script type="text/javascript">
       window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
    </script>
      <script src="scripts/museutils.js?3777594392" type="text/javascript"></script>
      <script src="scripts/jquery.musemenu.js?415733523" type="text/javascript"></script>
      <script src="scripts/webpro.js?474087315" type="text/javascript"></script>
      <script src="scripts/musewpslideshow.js?274584885" type="text/javascript"></script>
      <script src="scripts/jquery.museoverlay.js?170414611" type="text/javascript"></script>
      <script src="scripts/touchswipe.js?100683906" type="text/javascript"></script>
      <script src="scripts/jquery.watch.js?4144919381" type="text/javascript"></script>
      <!-- Other scripts -->
      <script type="text/javascript">
       $(document).ready(function() { try {
    (function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt( a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1 ]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
    for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]? g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splic e(d,1),"undefined"!=typeof a[f]&&(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClas s(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&
    typeof $!="undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();if(Muse.assets.outOfDate.length||Muse.assets.required.length)c="Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author.",(d=location&&location.search&&location.search.match&&location.search.match(/muse _debug/gi))&&Muse.assets.outOfDate.length&&(c+="\nOut of date: "+Muse.assets.outOfDate.join(",")),d&&Muse.assets.required.length&&(c+="\nMissing: "+Muse.assets.required.join(",")),alert(c)})()})();
    /* body */
    Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
    Muse.Utils.prepHyperlinks(true);/* body */
    Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
    Muse.Utils.initWidget('#pamphletu79', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'click',deactivationEvent:'none',autoPlay:true,displ ayInterval:500,transitionStyle:'fading',transitionDuration:800,hideAllContentsFirst:true,s huffle:false,enableSwipe:true,resumeAutoplay:false,resumeAutoplayInterval:3000,playOnce:fa lse}); });/* #pamphletu79 */
    Muse.Utils.fullPage('#page');/* 100% height page */
    Muse.Utils.showWidgetsWhenReady();/* body */
    Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
    } catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
    </script>
       </body>
    </html>
    I then got the table code from my current website which is:
    <table border="1" cellspacing="5" cellpadding="5" style="border-collapse: collapse" bordercolor="#C0C0C0" height="94">
      <tr>
        <td width="11%" align="center" height="94">
        <b><font size="2" face="Arial">
        <a href="ECCOM13079.htm">
        <img border="0" src="Pictures/ECCOM13079/ECCOM13079-1.jpg" width="120" height="89"></a></font></b></td>
        <td width="10%" align="center" height="94"><b><font size="2" face="Arial">
        NERJA</font></b></td>
        <td width="8%" align="center" height="94"><b><font size="2" face="Arial">
        €449,000</font></b></td>
        <td width="64%" height="94" align="justify">
       <p style="text-align:justify">
        <b><font face="Arial" size="2">
        Great opportunity to purchase a freehold bar with
        exceptional living accommodation adjacent. Both the bar and house have
        recently undergone extensive and high quality renovations. The house
        comprises of large lounge with separate dining area, fully fitted kitchen, 2
        bedrooms and a modern family bathroom. Spiral stairs from the living area
        lead to a sunny roof terrace with sea views. The bar comes with a tenant
        providing an income and has good trade all year
        with tourists in the summer months and long term residences over the winter
        period and offers good indoor and outdoor space along with a fully equipped
        kitchen. Ref: ECCOM13079</font></b></td>
      </tr>
        <tr>
        <td width="11%" align="center" height="94"><a href="EC29111.htm">
        <img border="0" src="Pictures/EC29111/EC29111-1.jpg" width="120" height="89"></a></td>
        <td width="10%" align="center" height="94">
        <font face="Arial" size="2"><b>NERJA</b></font></td>
        <td width="8%" align="center" height="94">
        <font face="Arial" size="2"><b>€475,000</b></font></td>
        <td width="64%" height="94" align="justify">
        <p style="text-align:justify"><font face="Arial"><b>
        <font size="2">This </font><span lang="EN-GB"><font size="2">lovely villa is
        hidden in secluded walled gardens just 10 minutes walk from Nerja Town
        centre in the </font></span><font size="2">desirable </font>
        <span lang="EN-GB"><font size="2">Exotica</font></span><font size="2"> ar</font><span lang="EN-GB"><font size="2">ea
        of </font></span><font size="2">Nerja</font><span lang="EN-GB"><font size="2">.
        A 180 m2 villa s</font></span><font size="2">tanding on a promin</font><span lang="EN-GB"><font size="2">e</font></span><font size="2">nt
        raised plot </font><span lang="EN-GB"><font size="2">of 600m2, </font>
        </span><font size="2">with stunning views </font><span lang="EN-GB">
        <font size="2">whilst </font></span><font size="2">affording a high level of
        privacy. The </font><span lang="EN-GB"><font size="2">1st floor of the
        property</font></span><font size="2"> has </font><span lang="EN-GB">
        <font size="2">an open plan</font></span><font size="2"> lounge</font><span lang="EN-GB"><font size="2">
        / diner / kitchen, with traditional beamed ceiling leading to a very large
        sunny terrace with a sea view.  The kitchen is ultra modern and fitted to a
        high standard with granite surfaces. The rest of the furnishings give a
        super contemporary finish within a Spanish Cortijo. Also on this level are 2
        good sized bedrooms with fitted wardrobes serviced by a modern family
        bathroom. On the ground floor level ther</font></span><font size="2">e
        </font><span lang="EN-GB"><font size="2">are 2 further bedroom and a very
        large family bathroom. In addition there is a </font></span><font size="2">
        laundry room, </font><span lang="EN-GB"><font size="2">and an enormous
        storage area opening up further possibilities. O</font></span><font size="2">ut</font><span lang="EN-GB"><font size="2">side
        are several </font></span><font size="2">dining areas plus an outdoor BBQ
        kitchen. The </font><span lang="EN-GB"><font size="2">grounds</font></span><font size="2">
        ha</font><span lang="EN-GB"><font size="2">ve</font></span><font size="2"> a
        nice secure feel with mature gardens</font><span lang="EN-GB"><font size="2">,
        and plenty of space, with a private driveway and plenty of parking. </font>
        </span><span lang="ES"><font size="2">This is a must view to
        appreciate…..Ref: EC29111</font></span></b></font></td>
      </tr>
        <tr>
        <td width="11%" align="center"><a href="EC13113.htm">
        <img border="0" src="Pictures/EC13113/EC13113.jpg" width="120" height="90"></a></td>
        <td width="10%" align="center"><b><font size="2" face="Arial">CORTIJO SAN
        RAFAEL</font></b><p><b><font face="Arial" size="2">(Nerja - Frigiliana)</font></b><p>  </td>
        <td width="8%" align="center"><b><font face="Arial" size="2">
        <font color="#FF0000">SOLD</font><br>
        €495,000</font><font face="Arial" size="2" color="#FF0000"><br>
        REDUCED FROM €595,000 FOR
        FAST SALE</font></b></td>
        <td width="64%" align="justify"><p style="text-align:justify">
        <b><font face="Arial" size="2">
        Constructed in 2000 for the present owners own occupation, this is a
        delightful detached villa of some 230m2 on a southwest facing plot of
        1720m2, located just a few kilometres from Nerja town centre and the award
        winning hillside village of Frigiliana on the areas most exclusive
        residential estate, Cortijo San Rafael. On entering the property you are
        greeted by a pleasant hallway which in turn leads to a bright and spacious
        open plan lounge kitchen dining room with patio doors leading to covered
        terracing with lovely views ideal for dining alfresco. Also on this level
        are two double bedrooms with built in wardrobe and a family bathroom. A
        marble staircase from the hallway leads to a good size master bedroom with
        en-suite bathroom and both covered and open terraces with lovely sea and
        mountain views. Below the main property with its own access is a charming
        apartment comprising of a open plan lounge, kitchen dining room, a double
        bedroom and shower room. The apartment also benefits from its own terrace
        space. Externally the plot is well planted with several mature pine trees
        giving a peaceful country feel and is easily maintained. There is a good
        size private pool surrounded ample sunbathing terraces and a BBQ area. A
        large driveway with parking for several cars leads to a good size garage.
        The property could be easily extended if required as the current
        construction is well below the limits for this plot. Ref: EC13113</td>
      </tr>
        <tr>
        <td width="11%" align="center"><a href="EC04093.htm">
        <img border="0" src="Pictures/EC04093/EC04093.jpg" width="120" height="90"></a></td>
        <td width="10%" align="center"><b><font face="Arial" size="2">NERJA</font></b></td>
        <td width="8%" align="center"><b><font face="Arial" size="2">€495,000</font></b></td>
        <td width="64%" align="justify"><p style="text-align:justify"><font face="Arial"><b>
        <font size="2">
        Built by the present owner for their own occupation this is a delightful
        south facing detached villa of some 148m2. Ideally located in a quiet
        residential area it is within a stones throw of local shops and bars and
        comfortable walking distance to the town centre and the famous Burriana
        Beach. The spacious accommodation over two floors comprises of a large
        L-shaped lounge dining room with an attractive feature fireplace and wide
        patio doors to a large covered terrace with lovely sea views. Also on this
        level are a large fitted kitchen, separate utility room and cloakroom with
        shower. The sleeping accommodation on the upper level comprises of a large
        master bedroom with a fantastic en-suite bathroom and patio doors to a
        magnificent private terrace with tremendous sea and mountain views. There
        are two further very spacious double bedrooms with built-in wardrobes and a
        very large family bathroom. Externally the property has a fantastic 8x4
        metre private swimming pool with sun terrace and BBQ area. Sold furnished. Ref: EC04093</td>
      </tr>
        </table>
    I paste this code just before the end body tag. when i preview in browser i see that there is a massive gap between my menu bar and the table.
    Gyazo - 9b71d252216aff6bf7a9b8f3691d94f2.png
    how can i delete this gap?

    Managed to do it!
    Thanks for offering to help me though Nancy!
    I have got another problem but it is slightly different problem so i created a new thread, if you could kindly look at the thread and give your advice I would appreciate it.
    edit accordion widget
    Thanks
    James

  • Problem with auto height property in .dwt template file

    following is the code for the template file of my website, the pages which this is template for have different length content but the height wont adjust according to the content and the text over flows under the footer and the green content area does not lengthen with the content. i havent uploaded the pages because there is this error so cant give an address for online sample. the content is in the "page-body" tag which is an editabbe region, the content in the tag is for experimental pupose copy and paste it iver n over for different content lengths, id really appreciate a quick reply need to upload the pages asap
    <!DOCTYPE html>
    <html  lang="en" dir="ltr" id="du-edu"  crossriderapp5060="true" crossriderapp-plugins-5060="true"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              <!-- mimic Internet Explorer 7 for president's micro-site -->
              <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
              <meta name="msvalidate.01" content="5D411CE78DB32250E9FA56793A53B72D">     
        <link href="../pu/pupagetemplate_files/top_navigation_layout.css" rel="stylesheet" type="text/css" media="all">
        <link href="../pu/pupagetemplate_files/slideshow.css" rel="stylesheet" type="text/css" media="screen">
        <!-- include css definitions for positioning the main body of page -->
        <link href="../pu/pupagetemplate_files/index_layout.css" rel="stylesheet" type="text/css" media="all">
        <!-- include css definitions for positioning the bottom navigation elements -->
        <link href="../pu/pupagetemplate_files/bottom_navigation_layout.css" rel="stylesheet" type="text/css" media="all">   
        <!-- include css definitions for formatting most inline text styles -->
        <link href="../pu/pupagetemplate_files/text_styles.css" rel="stylesheet" type="text/css" media="all">
        <!-- TemplateBeginEditable name="doctitle" -->
        <title>Peace University USA</title>
        <!-- TemplateEndEditable -->
        <meta name="Description" content="An nnovative private university in Dashington DC, PU offers innovative and rigorous undergraduate, graduate and professional programs. The University is distinguished by its hands-on learning opportunities, strong faculty-student collaboration and global perspective. ">
                            <meta name="Keywords" content="university, Peace, degrees, bachelors degree, masters degree, doctorate, school of social work, alumni, public good">
              <meta name="author" content="Peace University USA">
         <link rel="shortcut icon" href="http://faithinpeace.org/.images/favicon.ico" sizes="16x16" type="image/x-icon">
          <link rel="shortcut icon" href="http://faithinpeace.org/images/favicon.ico" sizes="16x16 32x32 48x48 57x57 144x144" type="image/gif">
          <link href="../pu/pupagetemplate_files/style.css" rel="stylesheet" type="text/css" id="css">
          <link href="../pu/pupagetemplate_files/home.css" rel="stylesheet" type="text/css" id="css">
       <style type="text/css">
       body {
              background-color: #252525;
              background-image: url(../pu/pupagetemplate_files/website%20background.jpg);
       body,td,th {
              color: #FFFFFF;
       a:link {
              color: #000;
    a:visited {
              color: #000;
       #apDiv1 {
              position:absolute;
              width:531px;
              height:115px;
              z-index:7;
              background-image: url(../pu/images/logo.png);
              top: 1px;
       #du-edu body #globalFooter #footerLinksContainer #subFooter ul li a {
              text-align: left;
       #apDiv2 {
              position:absolute;
              width:323px;
              height:91px;
              z-index:6;
              top: 100px;
              /* [disabled]background-image: url(../pu/images/logoplain.png); */
              left: 678px;
       .b {
              list-style-type: circle;
              color: #FFFFFF;
       #apDiv3 {
              position:absolute;
              width:200px;
              height:54px;
              z-index:-2147483648;
              left: 24px;
              top: 3px;
       #apDiv4 {
              position:absolute;
              width:592px;
              height:70px;
              z-index:6;
              left: 3px;
              top: -1px;
       #apDiv5 {
              position:absolute;
              width:200px;
              height:115px;
              z-index:-2147483648;
       #apDiv6 {
              position:absolute;
              width:200px;
              height:115px;
              z-index:10;
       #apDiv7 {
              position:absolute;
              width:862px;
              height:auto;
              z-index:12;
              left: 84px;
              top: 92px;
              min-height: 573px;
       #apDiv8 {
              position:absolute;
              width:349px;
              height:382px;
              z-index:11;
              left: 488px;
              top: 232px;
              background-image: url(../pu/pupagetemplate_files/pwm.png);
              background-repeat: no-repeat;
              opacity: 0.5;
       </style>
       <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
       </script>
       <!-- TemplateBeginEditable name="head" -->
       <!-- TemplateEndEditable -->
    </head>
       <body onLoad="MM_preloadImages('../pu/pupagetemplate_files/ropagelogo.png')"><div id="pageWrapper" class="broke-endless-pages">                       
       <div id="alertbox" class="none">
       </div>
       <div id="apDiv6">
         <div id="header">
           <!-- *** mainNav: holds the actual navigation imagery -->
           <div id="mainNav">
             <ul id="topNavLinks">
               <li class=""><a href="http://faithinpeace.org/about.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Top&#39;, &#39;About Top&#39;]);">About Peace</a> |
                 <div id="menu1" class="subNavMenu" style="visibility: hidden; ">
                   <div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
                   <div class="column">
                     <ul class="subNavLinks">
                       <li class="secondLevelNavTop"><a href="http://faithinpeace.org/about.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow About&#39;, &#39;History&#39;]);">History &amp; Mission</a></li>
                       <li class="secondLevelNav"><a href="http://faithinpeace.org/about.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow About&#39;, &#39;Administration&#39;]);">Facts &amp; Figures</a></li>
                       <li class="thirdLevelNav"><a href="http://faithinpeace.org/rnd.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow About&#39;, &#39;President&#39;]);">Research &amp; Development</a></li>
                       <li class="thirdLevelNav"><a href="http://www.facebook.com/pages/MAD-Media-Art-and-Design-Center-of-Excellence/31164214225245 2" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow About&#39;, &#39;Provost&#39;]);">Media Arts &amp; Design</a></li>
                       <li class="thirdLevelNav"><a href="http://www.facebook.com/YOUTHENGAGEMENTPLATFORM" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow About&#39;, &#39;Finance&#39;]);">Youth Engagement Platform</a></li>
                     </ul>
                   </div>
                 </div>
               </li>
               <li class="hoverIt"><a href="http://faithinpeace.org/admissions.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Top&#39;, &#39;Admissions Top&#39;]);">Admissions</a> |
                 <div id="menu2" class="subNavMenu" style="visibility: hidden; ">
                   <div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
                   <div class="column">
                     <ul class="subNavLinks">
                       <li class="secondLevelNavTop"><a href="http://faithinpeace.org/undergraduate.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Admission&#39;, &#39;Undergrad Programs&#39;]);">Apply</a></li>
                       <li class="thirdLevelNav"><a href="http://faithinpeace.org/howtoapply.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Admission&#39;, &#39;Apply&#39;]);">Apply Now</a></li>
                       <li class="thirdLevelNav"><a href="http://faithinpeace.org/Peace-University-Catalog-2011-12.pdf" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Admission&#39;, &#39;Materials&#39;]);">Catalog</a></li>
                       <li class="thirdLevelNav"><a href="http://faithinpeace.org/Peace-University-Admission-Application-Form.pdf" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Admission&#39;, &#39;Materials&#39;]);">Applicationa Form</a></li>
                       <li class="secondLevelNavTop"><a href="http://faithinpeace.org/undergraduate.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Admission&#39;, &#39;Undergrad Programs&#39;]);"> Undergraduate Programs</a></li>
                       <li class="secondLevelNavTop"><a href="http://faithinpeace.org/graduate.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Admission&#39;, &#39;Grad Programs&#39;]);">Graduate Programs</a></li>
                       <li class="secondLevelNavTop"><a href="http://faithinpeace.org/nondegree.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Admission&#39;, &#39;Apply Grad Programs&#39;]);">Non-Degree Programs</a></li>
                     </ul>
                   </div>
                 </div>
               </li>
               <li class=""><a href="http://faithinpeace.org/academics.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Top&#39;, &#39;Schools Top&#39;]);">Academics</a> |
                 <div id="menu3" class="subNavMenu" style="visibility: hidden; ">
                   <div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
                   <div class="column">
                     <ul class="subNavLinks">
                     </ul>
                   </div>
                   <div class="column">
                     <ul class="subNavLinks">
                       <li class="secondLevelNavTop"><a href="http://faithinpeace.org/diciplines.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Departments&#39;]);">Departments and Disciplines</a></li>
                       <li class="secondLevelNav"><a href="http://faithinpeace.org/undergraduate.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Undergrad Studies&#39;]);">Undergraduate Studies</a></li>
                       <li class="secondLevelNav"><a href="http://faithinpeace.org/graduate.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Grad Studies&#39;]);">Graduate Studies</a></li>
                       <li class="secondLevelNav"><a href="http://faithinpeace.org/nondegree.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Part-time&#39;]);">Part-Time and Non-Degree</a></li>
                       <li class="secondLevelNav"><a href="http://http//www.digital.edu/lms/" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Distance&#39;]);">Distance Education</a></li>
                     </ul>
                   </div>
                   <div class="column">
                     <ul class="subNavLinks">
                       <li class="secondLevelNavTop"><a href="http://faithinpeace.org/Peace-University-Catalog-2011-12.pdf" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Online Catalog&#39;]);">Online Academic Catalog</a></li>
                       <li class="secondLevelNav"><a href="http://faithinpeace.org/courses.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Course Listings&#39;]);">Course Listings</a></li>
                       <li class="secondLevelNav"><a href="http://faithinpeace.org/howtoapply.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Schools&#39;, &#39;Admissions Info&#39;]);">Admissions Information</a></li>
                     </ul>
                   </div>
                 </div>
               </li>
               <li><a href="http://webapps.jhu.edu/jhuniverse/research/" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Top&#39;, &#39;Research Top&#39;]);">Research</a> |
                 <div id="menu4" class="subNavMenu">
                   <div class="subNavArrow"><img src="../pu/pupagetemplate_files/nav_arrow.gif" height="14" width="20" alt=""></div>
                   <div class="column">
                     <ul class="subNavLinks">
                       <li class="secondLevelNavTop"><a href="http://digital.edu/callforpapers.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Research&#39;, &#39;APL Research&#39;]);">Call for Papers</a></li>
                     </ul>
                   </div>
                 </div>
               </li>
               <li class="hoverIt"><a href="http://faithinpeace.org/faculty.htm" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Top&#39;, &#39;Athletics Top&#39;]);">Faculty</a> | </li>
               <li><a href="http://alumni.jhu.edu/" onclick="_gaq.push([&#39;_trackEvent&#39;, &#39;Home Link&#39;, &#39;Follow Top&#39;, &#39;Alumni Top&#39;]);">Contact Us</a></li>
             </ul>
           </div>
           <!-- *** mainNav div ends here*** -->
         </div>
       </div>
       </div>
       <a class="hiddenFromViewer broke-endless-pages" href="http://www.faithinpeace.org/#skippedNav">Skip navigation</a>
       <header id="globalHeader">
              <div id="globalHeaderContent">
                <nav id="globalNav"></nav>
                <section class="searchContainer">
                  <nav id="globalUtilities">
                    <ol>
                      <li></li>
                    </ol>
                  </nav>
                </section>
                <div class="clear">
                  <div id="apDiv2"><a href="../pu/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('logo1','','../pu/pupagetemplate_files/ropagelogo.png',1)"><img src="../pu/pupagetemplate_files/pagelogoplain.png" name="logo1" width="323" height="86" border="0"></a></div>
                </div>
              </div>
       </header>
    <div id="contentWrapper"><div id="apDiv7"><!-- TemplateBeginEditable name="page-body" --> <span class="align">eace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.  While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals. While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or mediciPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyPeace University is registered with and recognized by the State Council of Higher Education for Virginia as an exempt faith based institution. Peace University is operated by Peace LLC a State Corporation Commission of the Commonwealth of Virginia approved Limited Liability Company. Peace University voluntarily ventures to conform with the regional, national, and international accrediting institutions' standards and quality processes. We have devised a breakthrough flexible learning process to suite individual student's needs and tailored to the individual's academic goals. It is our bottom line to provide quality education to our students and collaborate with international institutions of repute and quality who share the same vision and goals.
        While National Accreditation is common for traditional U.S. institutions of higher learning, utilizing standard teaching methods, we note that every country has its own standards and independent accrediting organizations. Accreditation is a voluntary process and does not guarantee a worthy education. Rather, it means an institution has submitted its courses, programs, budget, and educational objectives for review. Peace University's Camps based and Distance Learning Programs are unique, non-traditional and not accredited by the U.S. Department of Education. This may be a determining factor for those individuals interested in pursuing certain disciplines requiring State licensing, (such as law, teaching, or medicine). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordinglyne). It is recommended that you consider the importance of National Accreditation for your specific field or profession and make your decision accordingly. </span> . <!-- TemplateEndEditable --></div>
      </section>
    </div>
       </div>
       <footer id="globalFooter" name="globalFooter">
             <section id="footerLinksContainer">
           <nav id="learnFooter" class="footerLinks">
              <h1>Academics</h1>
              <div class="footerBorder">
    <h2>Undergraduates</h2>
    <ul>
      <li><a href="http://faithinpeace.org/undergraduate.htm" title="Degree Programs">Degree Programs</a></li>
      <li><a href="http://faithinpeace.org/faculty.htm" title="Faculty &amp; Staff">Faculty &amp; Staff</a></li>
    </ul>
    <h2>Graduates</h2>
    <ul>
      <li><a href="http://faithinpeace.org/graduate.htm" title="Degree Programs">Degree Programs</a></li>
      <li><a href="http://faithinpeace.org/rnd.htm" title="Graduate Research">Graduate Research</a></li>
      <li><a href="http://faithinpeace.org/faculty.htm" title="Faculty &amp; Staff">Faculty &amp; Staff</a></li>
    </ul>
                <h2>Non Degree</h2>
                <ul>
                  <li><a href="http://faithinpeace.org/nondegree.htm" title="Programs">Programs</a></li>
                  <li></li>
                  <li><a href="http://faithinpeace.org/faculty.htm">Faculty &amp; Staff</a></li>
                </ul>
             </div>
       </nav>
            <nav id="liveFooter" class="footerLinks">
              <h1>Virtual University</h1>
              <div class="footerBorder">
                <ul>
                  <li><a href="http://www.digital.edu/lms">Log In</a></li>
                  <li></li>
                </ul>
              </div>
            </nav>
            <nav id="applyFooter" class="footerLinks">
              <h1>About Us</h1>
              <div class="footerBorder">
                    <ul>
                  <li></li>
                  <li><a href="http://faithinpeace.org/about.htm" title="Facts &amp; Figures">Facts &amp; Figures</a></li>
                  <li></li>
                  <li><a href="http://faithinpeace.org/mission.htm" title="Vision &amp; Values">Vision &amp; Values</a></li>
                  <li><a href="http://faithinpeace.org/rnd.htm" title="Research &amp; Development">Research &amp; Development</a></li>
                  <li><a href="http://www.facebook.com/pages/YEP-Youth-Engagement-Platform-Peace/309623245721408" title="Youth Engagement Platform">Youth Engagement Platform</a></li>
                  <li><a href="http://www.facebook.com/pages/MAD-Media-Art-and-Design-Center-of-Excellence/31164214225245 2" title="&gt;Media Arts &amp; Design">Media Arts &amp; Design</a></li>
                </ul><br>
                <h2><a href="">Partners</a></h2><br>
                <ul>
                           <li><a href="http://digital.edu/"><img src="../pu/pupagetemplate_files/dulogoteal2.png" width="111" height="43"></a> <br></li>
                  <li><a href="http://digitalinternational.com/collaborate.htm"><img src="../pu/pupagetemplate_files/dilogoorange.png" width="111" height="43"></a><br></li></ul>
              </div>
            </nav>
            <nav id="applyFooter" class="footerLinks">
              <h1>Apply</h1>
              <div class="footerBorder">
                <h2>Undergraduates</h2>
                <ul>
                  <li><a href="http://faithinpeace.org/admissions.htm" title="Admission">Admission</a></li>
                  <li><a href="http://faithinpeace.org/financialinfo.htm" title="Tuition and Fee">Tuition and Fee</a></li>
                  <li><a href="http://faithinpeace.org/aid.htm" title="Financial Aid and Scholarships">Financial Aid and Scholarships</a></li>
                </ul>
                <h2>Graduates</h2>
                <ul>
                  <li><a href="http://faithinpeace.org/admissions.htm" title="Admission">Admission</a></li>
                  <li><a href="http://faithinpeace.org/financialinfo.htm" title="Tuition &amp; Fee">Tuition &amp; Fee</a></li>
                  <li><a href="http://faithinpeace.org/aid.htm" title="Financial Aid and Scholarships">Financial Aid and Scholarships</a></li>
                </ul>
                <h2><a href="http://faithinpeace.org/howtoapply.htm">How to Apply</a></h2>
              </div>
            </nav>
            <nav id="newsFooter" class="footerLinks">
              <h1>Contact</h1>
              <div class="footerBorder">
                <ul>
                  <li><a href="http://faithinpeace.org/employment.htm" title="Employment">Employment</a></li>
                  <li><a href="http://faithinpeace.org/careers.htm" title="Career and Development">Career and Development</a></li>
                  <li><a href="http://eepurl.com/nj22f">Contact Form</a></li>
                </ul>
              </div>
            </nav>
    <div class="clear"><!--//--></div>
                <section id="followList">
              <ul>
                <li></li>
    </ul></section>
                <nav id="subFooter">
    <ul>
            <blockquote>
              <p><a href="http://www.facebook.com/pages/Peace-University/235720776442514" target="_blank" title="Peace University facebook"><img alt="Facebook" src="../pu/pupagetemplate_files/btn_facebook.jpg"></a> | <a href="http://faithinpeace.org/contact.htm" title="&gt;Contact Us">Contact Us</a> | <a href="http://faithinpeace.org/employment.htm" title="Jobs">Jobs</a> | 
              </p>
              <p> Peace University USA is an equal opportunity affirmative action institution.<span style="display:none;"><a href="http://www.omniupdate.com/oucampus/de.jsp?user=Denver&site=DU_Main&path=%2Findex.pcf"><img src="../pu/pupagetemplate_files/icon_edit_lt.png"></a></span>
              </p>
              <p> </p>
            </blockquote>
            </ul>
    </nav>
          </section>
    </footer>
       <div id="apDiv8"></div>
    <script>
    try{for(var lastpass_iter=0; lastpass_iter < document.forms.length; lastpass_iter++){ var lastpass_f = document.forms[lastpass_iter]; if(typeof(lastpass_f.lpsubmitorig2)=="undefined"){ lastpass_f.lpsubmitorig2 = lastpass_f.submit; lastpass_f.submit = function(){ var form=this; var customEvent = document.createEvent("Event"); customEvent.initEvent("lpCustomEvent", true, true); var d = document.getElementById("hiddenlpsubmitdiv"); for(var i = 0; i < document.forms.length; i++){ if(document.forms[i]==form){ d.innerText=i; } } d.dispatchEvent(customEvent); form.lpsubmitorig2(); } } }}catch(e){}
       </script><sfmsg id="sfMsgId" data="{&quot;imageCount&quot;:0,&quot;ip&quot;:&quot;182.177.153.216&quot;}"></sfmsg><div class="extLives"></div></body></html>

    sandyrojito wrote:
    how do i fix it though? can make corrections in the code and send me the code?
    It's not fixable. If you do not know how to use static <divs> then you might want to consider using a table stucture for the construction. Whilst not the ideal way to go tables do work in conjunction with one another.
    You can only really use abosolutely positioned <divs> for  a simple website which has say a header and 2/3/4 columns and no footer. As soon as you try to include a footer the absolutely positioned column <divs> can't recognise it's there so any content in them does not push the footer down.

  • Is it possible and practical ?

    Is it possible to insert a div tag in o a table layout and is
    it advisable - I want to create a navigation bar with rollovers
    inside a div tag.
    The rest of my page is in tables
    thanks again for all your help
    Michael

    If the div is absolutely positioned you should not insert it
    directly into a
    table cell - rather, you should place it into a relatively
    positioned div in
    that table cell, e.g.,
    <td><div style="position:relative"><div
    style="position:absolute">....
    so that the browsers do not get confused about how to
    position the div in
    question.
    Other than this problem regarding positioned divs there would
    be nothing
    problematic about placing a static div in a table cell.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "MichaelCo" <[email protected]> wrote in
    message
    news:eqe3eb$nsk$[email protected]..
    > Is it possible to insert a div tag in o a table layout
    and is it
    > advisable - I
    > want to create a navigation bar with rollovers inside a
    div tag.
    > The rest of my page is in tables
    > thanks again for all your help
    > Michael
    >

  • Javac AST Symbol Resolving for JavacTask.parse()

    Hello!
    I am currently working on a source code processor, based on an AST. I use the original javac library. I know that the javac package is not provided as API, but it suffices for a first prototype.
    I parse a file (multiple files) with JavacTask.parse() and descent into the AST. Please don't hit me for the solution using Reflection! The interesting lines are on *321-328*, where I try to resolve the Symbols manually, because it seems all .sym properties are set to null.
    I don't understand how to resolve the AST previous to descent into it. Is it possible to resolve Symbols with the original library code?
    Warning, big Code:
    package runtimeLoader;
    import java.io.StringWriter;
    import java.lang.reflect.Field;
    import java.util.HashMap;
    import java.util.LinkedList;
    import java.util.Stack;
    import javax.tools.JavaCompiler;
    import javax.tools.JavaFileObject;
    import javax.tools.StandardJavaFileManager;
    import javax.tools.ToolProvider;
    import runtimeLoader.RuntimeLoader.Trace.RuntimeLoaderTrace;
    import com.sun.source.tree.CompilationUnitTree;
    import com.sun.source.tree.MethodInvocationTree;
    import com.sun.source.tree.MethodTree;
    import com.sun.source.util.JavacTask;
    import com.sun.source.util.TreeScanner;
    import com.sun.tools.javac.api.JavacTaskImpl;
    import com.sun.tools.javac.api.JavacTrees;
    import com.sun.tools.javac.code.Scope;
    import com.sun.tools.javac.code.Symbol.MethodSymbol;
    import com.sun.tools.javac.code.Symbol.PackageSymbol;
    import com.sun.tools.javac.code.Type;
    import com.sun.tools.javac.code.TypeTags;
    import com.sun.tools.javac.comp.AttrContext;
    import com.sun.tools.javac.comp.Env;
    import com.sun.tools.javac.comp.Resolve;
    import com.sun.tools.javac.tree.JCTree;
    import com.sun.tools.javac.tree.JCTree.JCAnnotation;
    import com.sun.tools.javac.tree.JCTree.JCAssign;
    import com.sun.tools.javac.tree.JCTree.JCBlock;
    import com.sun.tools.javac.tree.JCTree.JCCompilationUnit;
    import com.sun.tools.javac.tree.JCTree.JCExpression;
    import com.sun.tools.javac.tree.JCTree.JCFieldAccess;
    import com.sun.tools.javac.tree.JCTree.JCIdent;
    import com.sun.tools.javac.tree.JCTree.JCLabeledStatement;
    import com.sun.tools.javac.tree.JCTree.JCLiteral;
    import com.sun.tools.javac.tree.JCTree.JCMethodDecl;
    import com.sun.tools.javac.tree.JCTree.JCMethodInvocation;
    import com.sun.tools.javac.tree.JCTree.JCPrimitiveTypeTree;
    import com.sun.tools.javac.tree.JCTree.JCStatement;
    import com.sun.tools.javac.tree.JCTree.JCVariableDecl;
    import com.sun.tools.javac.tree.Pretty;
    import com.sun.tools.javac.util.List;
    import com.sun.tools.javac.util.ListBuffer;
    import com.sun.tools.javac.util.Name;
    import com.sun.tools.javac.util.Name.Table;
    public class Compile {
          * parse, pretty, store temp
          * copy tree, process, pretty, store, compile, EXECUTE, TEST
          * process back, pretty, COMPARE EQUAL
          * nested vars
          * nested classes, methods
          * vars there
         static class ReferenceList {
              public Object ref;
              public LinkedList list = new LinkedList();
              public ReferenceList(Object ref) {
                   this.ref = ref;
                   list.add(ref);
         static class TraceStructure {
              public JCMethodInvocation call = null;
              public JCStatement stat = null;
              public LinkedList<TraceStructure> stats = new LinkedList<TraceStructure>();
         enum UpdateAction {
              UPDATE_CLEANUP,
              UPDATE_PROCESS,
              SCAN_CODE,
              SCAN_SYMBOLS,
              SCAN_RESOLVE,
         static boolean traceHeader = false;
         static boolean traceCall = false;
         static Resolve resolve = null;
         //static TreeScanner treeScanner = null;
         static Stack objectRefStack = new Stack();
         static LinkedList<JCVariableDecl> variableList = new LinkedList<JCVariableDecl>();
         static LinkedList<JCMethodDecl> methodList = new LinkedList<JCMethodDecl>();
         static TraceStructure traceStructure = null;
         public static boolean traceMethod(JCMethodDecl method) {
              boolean traceMethod = false;
              for (JCAnnotation anno : method.mods.annotations) {
                   if (anno.annotationType instanceof JCIdent) {
                        if ("RuntimeLoaderTrace".equals(((JCIdent) anno.annotationType).name.toString())) {
                             traceMethod = true;
                             break;
              return traceMethod;
         public static boolean findMethod(JCMethodDecl method, Object instance) {
              boolean traceMethod = false;
              for (JCAnnotation anno : method.mods.annotations) {
                   if (anno.annotationType instanceof JCIdent) {
                        if ("RuntimeLoaderTrace".equals(((JCIdent) anno.annotationType).name.toString())) {
                             traceMethod = true;
                             break;
              return traceMethod;
         public static void updateTreeRecur(ReferenceList objectRef, UpdateAction action) throws Exception {
              Field[] sourceFieldList = objectRef.ref.getClass().getDeclaredFields();
              HashMap<String, Field> sourceFieldMap = new HashMap<String, Field>();
              if (!traceHeader) {
                   for (Field sourceField : sourceFieldList) {
                        Object value = sourceField.get(objectRef.ref);
                        String name = sourceField.getName();
                        if (value instanceof List) {
                             List sourceList = (List) value;
                             ListBuffer targetListBuffer = new ListBuffer();
                             //System.out.println(objectRef.ref.getClass().getName());
                             if (UpdateAction.UPDATE_PROCESS.equals(action)
                                            && objectRefStack.lastElement() instanceof JCMethodDecl
                                            && objectRef.ref instanceof JCBlock
                                            && "stats".equals(name)) {
                                  if (traceMethod((JCMethodDecl) objectRefStack.lastElement())) {
                                       Table table1 = ((JCMethodDecl) objectRefStack.lastElement()).getName().table;
                                       variableList.clear();
                                       traceStructure = new TraceStructure();
                                       // Analyze
                                       updateTreeRecur(new ReferenceList(objectRef.ref), UpdateAction.SCAN_CODE);
                                       // Header
                                       targetListBuffer.append(
                                                 new CustomLabeledStatement(Name.fromString(table1, "RuntimeLoaderT1"),
                                                           new CustomBlock(0, new ListBuffer().toList())));
                                       targetListBuffer.append(
                                                 new CustomLabeledStatement(Name.fromString(table1, "RuntimeLoaderT2"),
                                                           new CustomBlock(0, new ListBuffer().toList())));
                                       // Variables
                                       for (JCVariableDecl variable : variableList) {
                                            //System.out.println(variable.getType().getClass().getName());
                                            if (variable.getType() instanceof JCPrimitiveTypeTree) {
                                                 int typetag = ((JCPrimitiveTypeTree) variable.getType()).typetag;
                                                 variable.init = new CustomLiteral(typetag, 0);
                                            else {
                                                 variable.init = new CustomLiteral(TypeTags.BOT, null);
                                            targetListBuffer.append(variable);
                                       // Trace
                                       targetListBuffer.append(
                                                 new CustomLabeledStatement(Name.fromString(table1, "RuntimeLoaderC"),
                                                           new CustomBlock(0, new ListBuffer().toList())));
                             for (Object sourceObject : sourceList) {
                                  ReferenceList targetObjectRef = new ReferenceList(sourceObject);
                                  objectRefStack.push(objectRef.ref);
                                  updateTreeRecur(targetObjectRef, action);
                                  objectRefStack.pop();
                                  if (targetObjectRef.ref != null) {
                                       targetObjectRef.list.set(0, targetObjectRef.ref);
                                       for (Object targetObject : targetObjectRef.list) {
                                            if (targetObject != null) {
                                                 targetListBuffer.append(targetObject);
                             sourceField.set(objectRef.ref, targetListBuffer.toList());
                        else if (value instanceof JCTree) {
                             ReferenceList valueRef = new ReferenceList(value);
                             objectRefStack.push(objectRef.ref);
                             updateTreeRecur(valueRef, action);
                             objectRefStack.pop();
                             if (valueRef.ref == null) {
                                  objectRef.ref = null;
                                  return;
                             sourceField.set(objectRef.ref, valueRef.ref);
              if (UpdateAction.UPDATE_CLEANUP.equals(action)) {
                   if (objectRef.ref instanceof JCLabeledStatement) {
                        String label1 = ((JCLabeledStatement) objectRef.ref).label.toString();
                        if ("RuntimeLoaderT1".equals(label1)) {
                             traceHeader = true;
                             objectRef.ref = null;
                             return;
                        else if ("RuntimeLoaderT2".equals(label1)) {
                             traceHeader = false;
                             objectRef.ref = null;
                             return;
                        else if ("RuntimeLoaderC".equals(label1)) {
                             objectRef.ref = ((JCLabeledStatement) objectRef.ref).body;
                             if (objectRef.ref instanceof JCBlock) {
                                  switch (((JCBlock) objectRef.ref).stats.size()) {
                                  case 0:
                                       objectRef.ref = null;
                                       return;
                                  case 1:
                                       objectRef.ref = ((JCBlock) objectRef.ref).stats.get(0);
                                       break;
                   if (traceHeader) {
                        objectRef.ref = null;
                        return;
              else if (UpdateAction.SCAN_CODE.equals(action)) {
                   if (objectRef.ref instanceof JCVariableDecl) {
                        JCVariableDecl object1 = (JCVariableDecl) objectRef.ref;
                        variableList.add(object1);
                        objectRef.ref = new CustomAssign(object1.vartype, object1.init);
                   else if (objectRef.ref instanceof JCMethodInvocation) {
                        JCMethodInvocation object1 = (JCMethodInvocation) objectRef.ref;
                        //System.out.println(object1.meth);
                        if (object1.meth instanceof JCIdent) {
                             System.out.println(((JCIdent)object1.meth).sym);
                             /*if(((JCIdent)object1.meth).sym instanceof MethodSymbol) {
                                  System.out.println(((MethodSymbol)((JCIdent)object1.meth).sym).code);
                        else if (object1.meth instanceof JCFieldAccess) {
                             System.out.println(((JCFieldAccess) object1.meth).sym);
                             //System.out.println(((JCFieldAccess) object1.meth).getExpression() + " " + ((JCFieldAccess) object1.meth).name);
              else if (UpdateAction.SCAN_SYMBOLS.equals(action)) {
                   if (objectRef.ref instanceof JCMethodDecl) {
                        JCMethodDecl object1 = (JCMethodDecl) objectRef.ref;
                        //resolve.resolveInternalMethod(object1.pos(), null, object1.type, object1.getName(), object1.);
                        System.out.println(object1.sym);
                        methodList.add(object1);
                   if (objectRef.ref instanceof JCMethodInvocation) {
                        JCMethodInvocation object1 = (JCMethodInvocation) objectRef.ref;
                        Name name = null;
                        Type type = null;
                        System.out.println(object1.meth.getClass().getName());
                        if (object1.meth instanceof JCIdent) {
                             name = ((JCIdent)object1.meth).name;
                             type = ((JCIdent)object1.meth).type;
                             //System.out.println(object1.type);
                             //System.out.println(((JCIdent)object1.meth).type);
                        else if (object1.meth instanceof JCFieldAccess) {
                             name = ((JCFieldAccess)object1.meth).name;
                             type = ((JCFieldAccess)object1.meth).type;
                        //type = new Type(TypeTags.VOID, null);
                        //type = new Type(TypeTags.VOID, new TypeSymbol());
                        ListBuffer<Type> argtypeListBuffer = new ListBuffer<Type>();
                        AttrContext attrContext = new AttrContext();
                        Env<AttrContext> env = new Env<AttrContext>((JCTree) objectRef.ref, attrContext);
                        System.out.println(type);
                        System.out.println(type.tsym);
                        resolve.resolveInternalMethod(object1.pos(), env, type, name, argtypeListBuffer.toList(), null);
         public static void main(String[] args) throws Exception {
              JavaCompiler compiler = ToolProvider.getSystemJavaCompiler();
              StandardJavaFileManager fileManager = compiler.getStandardFileManager(null, null, null);
              Iterable<? extends JavaFileObject> fileObjects = fileManager.getJavaFileObjects(
                        "C:/Users/user2/workspace/runtimeLoader/src/runtimeLoader/Test.java"
                        //"C:/Users/user2/workspace/runtimeLoader/src/runtimeLoader/Test2.java"
              JavacTaskImpl javacTaskImpl = (JavacTaskImpl) compiler.getTask(null, fileManager, null, null, null, fileObjects);
              Iterable<? extends CompilationUnitTree> treeList = javacTaskImpl.parse();
              resolve = Resolve.instance(javacTaskImpl.getContext());
              for (CompilationUnitTree sourceTree : treeList) {
                   /*treeScanner = new SourceTreeProcessor();
                   sourceTree.accept(treeScanner, null);*/
                   /*System.out.println(
                             JavacTrees.instance(
                                       javacTaskImpl).getScope(
                                                 JavacTrees.instance(javacTaskImpl).getPath(
                                                           sourceTree, sourceTree)).getEnv());*/
                   objectRefStack.clear();
                   objectRefStack.push(new Object());
                   updateTreeRecur(new ReferenceList(sourceTree), UpdateAction.SCAN_SYMBOLS);
              /*for (CompilationUnitTree sourceTree : treeList) {
                   objectRefStack.clear();
                   objectRefStack.push(new Object());
                   updateTreeRecur(new ReferenceList(sourceTree), UpdateAction.UPDATE_CLEANUP);
                   updateTreeRecur(new ReferenceList(sourceTree), UpdateAction.UPDATE_PROCESS);
                   StringWriter s = new StringWriter();
                   new Pretty(s, false).printExpr((JCTree) sourceTree);
                   //System.out.println(s.toString());
         /*private static class SourceTreeProcessor extends TreeScanner<Void, Void> {
              @Override
              public Void visitMethodInvocation(MethodInvocationTree node, Void p) {
                   //System.out.println(node.getMethodSelect().);
                   return super.visitMethodInvocation(node, p);
         static class CustomLabeledStatement extends JCLabeledStatement {
              protected CustomLabeledStatement(Name arg0, JCStatement arg1) {
                   super(arg0, arg1);
         static class CustomBlock extends JCBlock {
              protected CustomBlock(long arg0, List<JCStatement> arg1) {
                   super(arg0, arg1);
         static class CustomAssign extends JCAssign {
              protected CustomAssign(JCExpression arg0, JCExpression arg1) {
                   super(arg0, arg1);
         static class CustomLiteral extends JCLiteral {
              protected CustomLiteral(int arg0, Object arg1) {
                   super(arg0, arg1);
    }

    Sorry, i am pushing a bit.
    I continue development, and solve the problem temporarily by comparing the literal strings. Because this is highly inaccurate, this issue is very urgent. Please answer shortly, if possible. If you are interested, this project is a first attempt to realize a independent platform for free and open source solution distribution.
    Imagine the case of equal variable names in parallel scope:
         int aNumber = 1;
         int aNumber = 2;
    }without correct resolved symbol names, the names are ambiguous and cannot produce the correct result:
    String[] rl_variableList = {"aNumber", "aNumber"};
    int rl_0_aNumber = 0;
    int rl_1_aNumber = 0;
         rl_0_aNumber = 1;
         rl_1_aNumber = 2;
    }

  • Can Layers be given RELATIVE, rather than ABSOLUTE position

    I'm having no luck finding an answer to this in HELP. I place
    the layer's anchor in a table, then position the layer. If I
    subsequently add (or remove) any lines above the anchor, everything
    on the page moves down (or up), but the layer stays where it was,
    relative to the page, not the anchor.
    If there are several layers on the page this means a wholeot
    of repositioning every time I do an edit up-page.
    Any advice?

    This may help you understand positioning a bit -
    There are 4 different types of positioning:
    Absolute
    Relative
    Fixed
    Static
    Here is a brief explanation of each kind of positioning (with
    regard to
    placement of elements on the page only)....
    Position:absolute (or A/P elements)
    This does several things -
    1. It 'removes' the element from the flow of the code on
    the page so that
    it can no longer influence the size or position of any other
    page element
    (except for those contained within it, of course).
    2. The absolutely positioned element takes its position from
    the position of
    its closest PARENT *positioned* element - in the
    absence of any explicitly
    positioned parent, this will default to the <body> tag,
    which is always
    positioned
    at 0,0 in the browser viewport.
    This means that it doesn't matter where in the HTML code the
    layer's code
    appears (between <body> and </body>), its
    location on the screen will not
    change (this assumes that you have not positioned the A/P
    element within
    a table or another A/P element, of course).
    Furthermore, the space in
    which
    this element would have appeared were it not positioned
    is not preserved
    on the screen. In other words, absolutely positioned elements
    don't take
    up any space on the page. In fact, they FLOAT over the page.
    Position:relative (or R/P elements)
    In contrast to absolute positioning, a relatively positioned
    page element is
    *not* removed from the flow of the code on the page, so
    it will use the
    spot
    where it would have appeared based on its position in
    the code as its
    zero point reference. If you then supply top, right,
    bottom, or left
    positions
    to the style for this element, those values will be
    used as offsets from
    its
    zero point.
    This means that it DOES matter where in the code the
    relatively positioned
    element appears (, as it will be positioned in that location
    (factoring in
    the offsets) on the screen (this is true for any placement in
    the code).
    Furthermore, the space where this element would have
    appeared is
    preserved in the display, and can therefore affect the
    placement of
    succeeding elements. This means that the taller a relatively
    positioned element is, the more space it forces on the page.
    Position:static
    As with relative position, static positions also "go with
    the flow". An
    element with a static position cannot have values for
    offsets (top, right,
    left, bottom) or if it has them, they will be ignored. Unless
    explicitly
    positioned, all div elements default to static positioning.
    Position:fixed
    A page element with this style will not scroll as the page
    content scrolls.
    Support for this in elements other than page backgrounds is
    quirky
    There are several other things you need to know:
    1. ANY page element can be positioned - paragraphs, tables,
    images, lists,
    etc.
    2. The <div> tag is a BLOCK level tag. This means that
    if it is not
    positioned or explicitly styled otherwise, a) it will always
    begin on a new
    line on the screen, and b) it will always force content to a
    new line below
    it, and c) it will always take up the entire width of its
    container (i.e.,
    width:100%).
    3. The placement of A/P elements *can* affect the BEHAVIOR of
    other
    elements
    on the page. For example, a 'layer' placed over a hyperlink
    will mask that
    hyperlink.
    You can see a good example of the essential difference
    between absolute and
    relative positioning here -
    http://www.great-web-sights.com/g_layersdemo.asp
    You can see a good demonstration of why using layers for a
    page layout tool
    is dangerous here -
    http://www.great-web-sights.com/g_layer-overlap.asp
    Based on this, a static div (no longer a 'layer') would be
    what you want.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "bwilsonduncan" <[email protected]> wrote in
    message
    news:[email protected]...
    > I'm having no luck finding an answer to this in HELP. I
    place the layer's
    > anchor in a table, then position the layer. If I
    subsequently add (or
    > remove)
    > any lines above the anchor, everything on the page moves
    down (or up), but
    > the
    > layer stays where it was, relative to the page, not the
    anchor.
    >
    > If there are several layers on the page this means a
    wholeot of
    > repositioning
    > every time I do an edit up-page.
    >
    > Any advice?
    >

  • Why am I getting this message, and how can I get rid of it

    the message is:
    Note: WebBrowser.java uses unchecked or unsafe operations
    Note: Recompile with -Xlint:unchecked for details
    the code is:
    import javax.swing.*;
    import javax.swing.event.*;
    import java.io.*;
    import java.net.*;
    import java.awt.*;
    import java.awt.event.*;
    import java.util.*;
    public class WebBrowser implements ActionListener
       static Frame f = new Frame("WebBrowser");
       static TextField address = new TextField(50);
       static Button back = new Button("Back");
       static Button next = new Button("Forward");
       static Button go = new Button("Go");
       static Panel p = new Panel();
       static JEditorPane pane = new JEditorPane();
       static Label status = new Label("");
       static Stack b = new Stack();
       static Stack forw = new Stack();
       public static void main(String[] args) {
          f.setLayout(new BorderLayout());
          p.setLayout(new BorderLayout());
          Panel topad = new Panel();
          topad.add(address);
          topad.add(go);
          p.add(topad, BorderLayout.NORTH);
          Panel bopad = new Panel();
          bopad.add(back);
          bopad.add(next);
          p.add(bopad, BorderLayout.SOUTH);
          f.setSize(500,500);
          f.setVisible(true);
          f.add(p, BorderLayout.NORTH);
          f.add(new JScrollPane(pane), BorderLayout.CENTER);
          f.add(status, BorderLayout.SOUTH);
          f.addWindowListener(new WindowAdapter() {
              public void windowClosing(WindowEvent e) {
                  System.exit(0);
          pane.setEditable(false);
          new WebBrowser();
       public WebBrowser() {
          back.addActionListener(this);
          next.addActionListener(this);
          address.addKeyListener(new KeyAdapter() {
                public void keyPressed(KeyEvent e) {
                    if(e.getKeyCode() == KeyEvent.VK_ENTER) {
                       loadPage(address.getText());
          pane.addHyperlinkListener(new HyperlinkListener() {
              public void hyperlinkUpdate(HyperlinkEvent event) {
                  if(event.getEventType() == HyperlinkEvent.EventType.ACTIVATED) {
                      loadPage(event.getURL().toString());
       public void loadPage(String url) {
           try {
              pane.setPage(url);
              b.push(url);
           } catch(Exception ex) {
              status.setText(ex.toString());
       public void actionPerformed(ActionEvent e) {
           if(e.getSource() == back) {
               try {
                  String str = (String)b.pop();
                  forw.push(str);
                  pane.setPage(str);
               } catch(Exception ex) {
                  status.setText(ex.toString());
           if(e.getSource() == next) {
               try {
                  String str = (String)forw.pop();
                  b.push(str);
                  pane.setPage(str);
               } catch(Exception ex) {
                  status.setText(ex.toString());
    } //end of code

    ajtgarber wrote:
    when I compile with -Xlint it says something about unsafe operations and it shows the code:When using Java 5, you should be using generics to make your code more type safe, but it's not an absolute requirement (so it's a warning instead of an error).
    If you want to learn more, just google for generics.

Maybe you are looking for