Known Participant

Answered

Not centered in design mode but centered in Live view

Forum|Forum|8 years ago
August 24, 2017
2 replies
716 views

I want to know why centering isn't the same between both views. When I upload the page to my server, it is centered. I believe there is a conflict somewhere in my html coding. Here is the url of the page I am talking about: Cowdrey Granite: Contacts.

Some of my pages are centered in both design and live views. They are all built from the same template. This is driving me crazy.

Thanks.

Don

centering issue

This topic has been closed for replies.

Correct answer Jon Fritz

That <meta> tag belongs within the <head> section of your html. Placing it as the first line of your code is invalid html. HTML errors can cause all kinds of rendering problems in browsers, let alone DW's archaic Design View.

Move it to between the <head> </head> tags.

Here are a couple tutorials that might help you get a handle on the basics, DW, for better or worse, assumes you already understand HTML, CSS and some Javascript:

HTML Tutorial

CSS Tutorial

D

Don LoweAuthor

Known Participant

I was creating a new page for this same website. When I finished, I copied this to the first line (<meta name="description" content="We specialize in custom fabrication and installation for all your Granite, Marble and Quartz need.">). I was in split view and immediately my page shifted to the left in Design mode. I did an undo and the page became centered again. Why would this happen.

Don

Jon Fritz

Correct answer

Community Expert

That <meta> tag belongs within the <head> section of your html. Placing it as the first line of your code is invalid html. HTML errors can cause all kinds of rendering problems in browsers, let alone DW's archaic Design View.

Move it to between the <head> </head> tags.

Here are a couple tutorials that might help you get a handle on the basics, DW, for better or worse, assumes you already understand HTML, CSS and some Javascript:

HTML Tutorial

CSS Tutorial

D

Don LoweAuthor

Known Participant

Jon,

When I made the change you recommended, it fixed my problem.

Thanks for keeping from going crazy.

Don

BenPleysier

Community Expert

The biggest problem is the first line in each of the documents, namely

<meta name="description" content="We specialize in custom fabrication and installation for all your Granite, Marble and Quartz need.">
<!doctype html>
<html>
<head>

The DOCTYPE needs to be the very first line of the document, otherwise it will not be recognised by the interpreter.

Then there are a number of other errors as can be seen at [Invalid] Markup Validation of http://cowdreycountertops.com/contacts.html - W3C Markup Validator

Edit: Having a second look at the list of errors, I think you will find that most of them will disappear once the first line issue has been rectified.

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

D

Don LoweAuthor

Known Participant

Ben,

Thank you for your quick response. I am not an html expert so I thought I’d make your first suggestion to my index page and then go from there. I thought Dreamweaver was smart enough to place the description in the right place automatically. That sure would be nice and make it a better product. Oh well.

What about the original problem regarding the Centering?

I don’t understand the other errors generated by the W3C Markup Validator. Since I made the description change, how do I run the W3C Markup Validator again.

Thanks.

Don

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded