Skip to main content
Participant
July 10, 2021
Question

Where's the visual padding?

  • July 10, 2021
  • 2 replies
  • 190 views

Hi community,

I've recently updated from DW 20 to DW 21.1, and everything worked fine as usual but one thing: the visual padding, I mean the visualization of the padding in the delevoper mode has gone.

Really, fisically: for years, I've loved DW as a code tool cause it had a very good preview of my code (I develop PHP/CSS code by myself), very usefull while I was editing so I could see in real time the chances.

Now, the padding preview is gone, and that is very irritating.

I can still see the margin preview but not the padding.

That wa useful, specially when I have to develop a new template and I'm calculating the px.

I've searched almost anywhere, but no luck.

I'm missing something, or what?

Any ideas? 

Thanks in advance

    This topic has been closed for replies.

    2 replies

    Jon Fritz
    Community Expert
    Community Expert
    July 12, 2021

    Is this a complete HTML page, or is it pulling PHP in from other sources? It looks like you have a PHP invisible object icon being cut off at the top of your screen capture. If that's the case and you're working with PHP includes, you'll likely need to set up a testing server, like XAMPP or MAMP, to get it to render correctly in Live View. 

    Setting up a testing server on your local system is pretty simple (and free): 

    https://helpx.adobe.com/dreamweaver/using/set-testing-server.html

    Nancy OShea
    Community Expert
    Community Expert
    July 10, 2021

    Hi @xgeorge79,

    From your screenshot, it appears you're in Design view, not Live view.  Design is an approximation of how your site will appear in browsers but it's not perfect. On the other hand, Live view is a bit more accurate but it's not a real browser either.  Switch to Live view on your document toolbar or use keyboard shortcut Ctrl + Shift + F11 to toggle.   See screenshot below. 

     

     

    As always be sure to test in REAL browsers with F12. If you still see layout issues in real browsers, your code probably contains errors.  Run validation and fix reported errors.  Window > Results > Validation...

     

    Hope that helps.

     

    Nancy O'Shea— Product User & Community Expert