Skip to main content
xenatorres
xenatorres
Known Participant
July 14, 2023
Answered

Website not displaying in Dreamweaver properly

  • July 14, 2023
  • 3 replies
  • 1617 views

I've been using Dreamweaver for years and never had this problem.

I am currently making a website and I have found, for the first time ever, Dreamweaver is not showing the site as it appears on Firefox and Edge (tested here too just because it happens to be installed on the computer).

This is making it impossible to actually code my website, because I have no idea what Dreamweaver is doing.

I tried to uninstall and reinstall,  but the issue continues.

Is there anything else I can try?

    This topic has been closed for replies.
    Correct answer BenPleysier

    You are a legend - that HELPS, but it's not quite there.

    On my own I found the site is reading the height of the text only when it's on the right and that issue still happens (the next two videos move up under the text, rather than reading the video size.
    I have resized the videos - that helped. But the only way to get the page to seem to accept the video has a height too is to move the text to the left, but I think it looks better with the text on the right.
    I would LOVE to do your video thing, but that's likely too complicated for me, especially on the ridiculously tight deadline I am on.


    Have a look at the following code where I have added a row.

    <!--end navigation -->

<div class="row" style="margin-bottom: 20px;">
    <div class="col-md-7">
        <div class="video-responsive">
            <iframe width="1253" height="705" style="border:3px solid #ed1e79" src="https://www.youtube.com/embed/BzJdZLVq1Oo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>


    <div class="col-md-5">
        <h2>“From The Mouths of Babes” is a collection of impromptu
            ‘on the street’ interviews about Love, Life, and Self</h2>

        <p>Enjoy full compilation episodes and a collection of some of our favorite individual interviews below and check out the other pages for more of our favorite, top ranked, and celebrity interviews. You can also visit the MOB YOUTUBE CHANNEL to view all of our over 1000 videos.</p>
    </div>
</div>

<div class="row" style="margin-bottom: 20px;">
    <div class="col-md-6">
        <div class="video-responsive">
            <iframe width="1253" height="705" style="border:3px solid #ed1e79" src="https://www.youtube.com/embed/Z-_WOilsniw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>

    <div class="col-md-6">
        <div class="video-responsive">
            <iframe width="1253" height="705" style="border:3px solid #ed1e79" src="https://www.youtube.com/embed/qoe92axv97g" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>
</div>
<!-- end main body -->

    3 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    July 14, 2023

    If your site is properly defined and pointing to assets stored on your primary hard drive, you should see the site is expected in Live View. Try toggling from Design to Live with Ctrl/Cmd + Shift + F11.

     

    Dreamweaver's Design View is a legacy feature from the old Macromedia days. It's NOT an actual browser. See screenshot.

     

    Endeavor to use clean code denoted by the green checkmark.  If you see a red X, it means your code contains errors which may lead to rendering problems both in Dreamweaver and in real browsers.

     

    Hope that helps.

     

     

     

    Nancy O'Shea— Product User & Community Expert
      xenatorres
      xenatorresAuthor
      Known Participant
      July 17, 2023

      I always have it in live view, though I tried design view too - same problem. There's no marks for errors in my code. The site displays correctly based on size. Dreamweaver is showing what it looks like full screen (where the code breaks for some reason), regardless of size.

      Here is a thread I opened on a coding forum for help about this issue that has the code.

      BenPleysier
      Community Expert
      BenPleysierCommunity Expert
      Community Expert
      July 17, 2023

      Using a different IDE, I have no problem as per

       

       

      This is what I get in Dreamweaver

       

       

      Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      B
      Community Expert
      Ben MCommunity Expert
      Community Expert
      July 14, 2023

      Is it safe to assume you are using live view and not design view? Also as stated, sharing your code is the best to help us help you, or you can validate the code to look for errors.

      Jon Fritz
      Community Expert
      Jon FritzCommunity Expert
      Community Expert
      July 14, 2023

      Without seeing your actual page, it's hard to say what could be going on, but it could be something as simple as a minor code error...

      Run your code through the validator at https://validator.w3.org/nu/ and fix any reported errors.

      Actual browsers are much better at guessing what was meant when they run into code errors than DW's emulator.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices