We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 10076
    • 1,024 Posts
    I m stuck with a div that does not remain inside the box, setup in a migx call.
    I probably am missing a small detail here> Maybe one of you see the issue in a split second.

    http://109.70.4.82/~gea/index.php in this setup the slider container keeps being higher then defined.
    Cant t see why, the size should be defined by this migx call:

    <li>
      <img src="[[+imagesl:phpthumbof=`w=650&h=250&zc=1`]]" alt="[[+description:htmlentities]]" />
      <!--<p class="flex-caption">[[+description]]</p>-->
    </li>
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      Try getting it to validate first. I find a lot of odd CSS errors are the result of an invalid HTML structure.
      http://validator.w3.org/check?uri=http%3A%2F%2F109.70.4.82%2F~gea%2Findex.php&charset=%28detect+automatically%29&doctype=Inline&group=0
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 10076
        • 1,024 Posts
        fixed them, still CSS3 error but the HTML validates wthout change. downsized height and still the size is larger, I dont see the cause.
          • 28042 ☆ A M B ☆
          • 24,524 Posts
          There are 15 validation errors... http://validator.w3.org/check?uri=http%3A%2F%2F109.70.4.82%2F~gea%2Findex.php&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices

          I learned long ago not to even try to figure out CSS until the page validates. Those errors may or may not be causing the problem, but there's no point in even starting until the HTML is correct.
            Studying MODX in the desert - http://sottwell.com
            Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
            Join the Slack Community - http://modx.org
            • 3749
            • 24,544 Posts
              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
              • 10076
              • 1,024 Posts
              Hmm, just took all the css declarations from a local install, appears the flexslider.css should be last in head.
              Of the CSS errors loads are version related, but also the standard flexslider.css, fontawsome.css and googlefont.css files throw errors. But display of the page is back the way it was before using the polaroid effect.
                • 46654
                • 14 Posts
                I wouldn't panic too much over validation errors, they are really far behind in terms of current web standards.

                As a test, I'd change/run these before you close the body tag to ensure its not trying to parse on html that doesn't exist yet:
                <script>
                $(document).ready(function(){
                	$('ul.sf-menu').superfish();
                        $('.flexslider').flexslider();
                });
                
                </script>		


                For things that manipulate DOM items, if you run them before the html is parsed, it can potentially cause issues with manipulating those objects. (but it should be fine.) If you're getting a flash of unstyled content on your flexslider, try moving it back to $(window).load(function(){ ... });

                For your div height, a worst case scenario fix is using max-height: #px; for the container.