Page width in DW live view is different in Chrome

Forum|Forum|8 years ago
March 29, 2017
3 replies
1019 views

Hi peeps, I am new to dreamweaver so please bear with me.

I have started a web page in dreamweaver which has a top menu bar that covers the entire width of the screen in dreamweaver live view, but when I view it in Chrome it only covers around 2/3rds of the width of the screen.

What gives?

I would have thought that the live view in DW would give you a true representation of the page, so why is it the different in Chrome?

I'm not sure which one to believe.

Many thanks

This topic has been closed for replies.

Correct answer BenPleysier

If you go here Flexbox Bar Navigation Demo | CSS-Tricks and after reading the article, see the code for the various languages as per

When you open the SCSS tab, go to the compiled version as per

BenPleysier

Community Expert

It is a matter of real-estate, the browser has a greater width than Live/Design view in Dreamweaver. If you give the menubar a background colour, you will see that it stretches across the whole width of the client window. However, when you shrink the browser window to the same width as Dreamweaver, you will see that the contents of the menubar will fit the full width similar to Dreamweaver.

Wide browser window

Narrow browser window

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

D

danbs10Author

Participant

Hi Ben thanks for your reply. I have given the menu bar a background color and it does indeed stretch the width of the window but I still do not understand how I fix this issue.

Thanks