0 Replies Latest reply on Dec 4, 2015 8:28 AM by taylorsharpe

    WebDirect CSS not fully Loading leaving washed out screen when Parts not sized correctly

    taylorsharpe

      One thing that I've noticed happens a lot when working in WebDirect is having to make sure the Header and Footer have enough pixels to display.  Each template has CSS that has a minimum size and if it doesn't get that width, it tries, but can fail.  When it fails, it leaves a washed out or incomplete CSS web page like this:

       

      FM-Webd1.jpg

       

      And it is not consistent with web browsers.  The Google Chrome browser seems to be the pickiest, followed by IE.  Safari seems to override the problem most often.  But the page should render like:

       

      FM-Webd2.jpg

       

      The solution in this case was to make the footer part a little bit taller and then everything renders just fine on all supported browsers. 

       

      Just note that if you get a washed out or incomplete CSS page in a browser, one of the problems may be Layout parts that are too small.