We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 11855
    • 9 Posts
    Hi

    I am running MODx Revolution 2.0.0-pl rev7212. I have made a new template with the [[*content]] in one of the divs I want to add content too. But when I add content to a document. the content goes accross the page and not within the div.. Can anyone help why this happens?

    <div id="home_article">
    [[*content]]
    
    </div>


    Thanks
      • 5340
      • 1,624 Posts
      What’s in the content area.?Can you paste the HTML?
        • 11855
        • 9 Posts
        Yes sure

        <!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>Untitled Document</title>
        
        
        <link rel="stylesheet" href="assets/css/reset.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/css/style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/css/contactable.css" type="text/css" />
        <link rel="shortcut icon" href="assets/images/favicon.ico"/>
        
        
        <!--Enquiry Tab-->
         <script type="text/javascript" src="assets/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="assets/js/jquery.validate.pack.js"></script>
        <script type="text/javascript" src="assets/js/jquery.contactable.js"></script>
        
        
        <script>
            $(function(){
                $('#contact').contactable({
                     subject: 'A enquiry Message'
                 });
            });
        </script>
        
        
        
        
        
        <!-- include the Tools -->
        
        <script type="text/javascript" src="assets/js/jquery.js"></script>
        <script type="text/javascript" src="assets/js/interface.js"></script>
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
            });
        </script>
        
        
        <script type="text/javascript">
        
          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-20726850-1']);
          _gaq.push(['_trackPageview']);
        
          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();
        
        </script>
         
        </head>
        
        <body>
        
        <div id="wrapper">
        
        
        <div id="header">
        
        </div><!--END OF HEADER-->
        <div id="nav">
        <ul id="topnav">
                <li><a href="index.html">Home</a></li>
                <li>
                  <a href="about.html">About Us</a>
                    <span>
                        <a href="#">The Company</a> |
                           <a href="history.html">History</a> |
                        <a href="#">The Team</a> |
                        <a href="careers.html">Careers</a>
                    </span>
                </li>
                <li>
                   <a href="brands.html">Brands</a>
                    <span>
                    <a href="print.html">Pollards Print</a> |
                        <a href="direct.html">Pollards Direct</a> |
                        <a href="creative.html">Pollards Creative</a> |
                        <a href="aviation.html">Pollards Aviation</a> |
                         <a href="publishing.html">Pollards Publishing</a> |
                          <a href="weighbridge.html">Pollards Weighbridge</a>
                    </span>
                </li>
                <li>
                    <a href="portfolio.html">Portfolio</a>
                    <span>
                        <a href="portfolio_print.html">Print</a> |
                        <a href="#">Development</a> |
                        <a href="#">Identity</a> |
                        <a href="#">SEO & Internet Marketing</a> |
                        <a href="#">Print Design</a>
                    </span>
                </li>
                <li><a href="contact.html">Contact Us</a></li>
            </ul>
        </li>
                    
                        </ul>
        
        </div><!--END OF NAV-->
        <div id="content">
        <ul id="followTab">
          <li><a class="newsletter" href="/newsletter/" title="Subscribe to the Elated Extra newsletter"><span>Subscribe to the Elated Extra newsletter</span></a></li>
          <li><a class="rss" href="http://feeds.elated.com/ElatedNewStuff" title="Subscribe to Elated.com's RSS feed"><span>Subscribe to Elated.com's RSS feed</span></a></li>
          <li><a class="twitter" href="http://twitter.com/pollardsdirect" title="Follow Elated.com on Twitter"><span>Follow Elated.com on Twitter</span></a></li>
        
          <li><a class="facebook" href="http://www.facebook.com/pages/PollardsDirect/137464902944989" title="Follow Elated.com on Facebook"><span>Follow Elated.com on Facebook</span></a></li>
        </ul>
        
                
        
        <div id="home_tag">
        <h1>More than just print</h1>
        <img src="assets/images/print_title.png" />
        
        </div><!--End of home tag-->
        
        <div id="contact">
        
        </div><!--End of Contact Jquery Tab-->
        
        <div id="home_article">
        [[*content]]
        
        </div>
        
        <div id="movie">
        
        <p align="center">MOVIE HERE</p>
        
        </div><!--End of movie-->
        <div id="news_container">
        <div id="featured" >
          <ul class="ui-tabs-nav">
            <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="assets/images/igensmall.png" width="80" height="50" alt="" /><span>Pollards announced new investment in digital technology.</span></a></li>
            <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="assets/images/MD-Small.png" alt="" /><span>Pollards announces the appointment of its new Managing Director.</span></a></li>
            <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="assets/images/small_eye.jpg" alt="" /><span>Pollards publishes its new Corporate identity</span></a></li>
            <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="assets/images/All-Brands-Small.png" alt="" /><span>Pollards New Brands – to deliver better more measured resource Pollards has re-structured for 2011 and is now a group of specialist brands</span></a></li>
          </ul>
          <!-- First Content -->
          <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="assets/images/igen.png" width="400" height="250" alt="" />
            <div class="info" ></div>
          </div>
          <!-- Second Content -->
          <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="assets/images/MD-Large.png" alt="" />
            <div class="info" ></div>
          </div>
          <!-- Third Content -->
          <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="assets/images/eye.png" alt="" />
            <div class="info" ></div>
          </div>
          <!-- Forth Content -->
          <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="assets/images/All-Brands.png" alt="" />
            <div class="info" ></div>
          </div>
        </div>
        </div>
        </div><!--END OF CONTENT WRAP-->
        <div id="secondnav">
          
          <ul>
        
            <li ><a href="print.html" class="print"  title="Home"><span class="displace">pollards print</span></a></li>
        
            <li ><a href="direct.html" class="direct" title="Blog"><span class="displace">pollards print</span></a></li>
        
            <li><a href="creative.html" class="creative"> <span class="displace">pollards print</span></a></li>
        
            <li><a href="aviation.html" class="aviation" title="News"><span class="displace">pollards print</span></a></li>
        
            <li><a href="publishing.html" class="publishing"title="Contact"><span class="displace"></span></a></li>
            
            <li><a href="weighbridge.html" class="weighbridge" title="Contact"><span class="displace"></span></a></li>
        
            </ul>
        
          </div>
        
        
        <div id="footer">
            
        
        </div>
        
        
        
        </div><!--END OF PAGE WRAPPER-->
        
        <div id="address_footer">
        <div>
        <p >William Pollard & Co. Ltd,Oak House, Falcon Road, Sowton ind Est, Exeter, Devon, EX2 7NU | Tel: 01392 445333 | E-mail: sales[@]pollardsprint.co.uk</p></div>
        
        
        <div id="accreditaion_logos">
        
        <ul >
        <li><img src="assets/images/iso_9001.png"/></li>
        <li><img src="assets/images/iso_14001.png"/></li>
        <li><img src="assets/images/iso_12647.png"/></li>
        <li><img src="assets/images/pefc.png"/></li>
        <li><img src="assets/images/fsc.png"/></li>
        
        </ul>
        
        </div>
        
        </div>
        
        </body>
        </html>
        
          • 21025
          • 6 Posts
          What CSS do you have applied to #home_article?
            • 3749
            • 24,544 Posts
            You have some mismatched tags: http://validator.w3.org/
              Did I help you? Buy me a beer
              Get my Book: MODX:The Official Guide
              MODX info for everyone: http://bobsguides.com/modx.html
              My MODX Extras
              Bob's Guides is now hosted at A2 MODX Hosting