Member Avatar for asp24

Hi Guys and Gals,

I am new to this site my name is Aj and have only recently ventured into web design and am having a few problems with my site and am wondering if someone could help.
I have a basic dwt (template) file from which all of my pages are made from with the menu and logo being uneditable. When previewing the website in firefox one of the pages doesnt line up with the rest, it is slightly to the left but the code and the design seem to be exactly the same,
can anyone help??

Thanks
Aj

  • 4 Contributors
  • 3 Replies
  • 111 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by sreein1986

Dani AI

Generated

Notes and a focused troubleshooting checklist for the DWT issue described by . The suggestions from , and point in useful directions; the steps below expand those into actions that isolate the real cause of a single page shifting slightly left in Firefox.

  • Check the very top of both pages for identical DOCTYPE and for any invisible characters before it. A stray Byte Order Mark (BOM) or whitespace before <!DOCTYPE ...> can force different rendering modes and small shifts.
  • Verify the stylesheet actually loads for the misaligned page. The browser’s inspector shows the computed box model and the source of every rule. If the page lost an external CSS file, the browser’s default body margins (about 8px) will make it look shifted.
  • Inspect computed styles for the body and the main wrapper (margin, padding, width, position). The inspector also shows which stylesheet and line set a value — that quickly points to an unexpected rule or an inline override.
  • Look for mismatched or unclosed tags introduced in an editable region of the DWT. A missing </div> or an extra wrapper inside the editable content will change layout even when the visible HTML looks the same in Design view. Create a new page from the template (as suggested) and run a text diff against the broken file rather than deleting the original immediately.
  • As a quick diagnostic, reset defaults to see if the shift disappears:
html, body {
  margin: 0;
  padding: 0;
}

Always keep backups before rewriting or deleting pages. If the problem persists after these checks, comparing the generated source (not Dreamweaver’s design view) side-by-side will reveal the subtle difference.

Recommended Answers

All 3 Replies

Member Avatar for tiger86

Hey AJ, Welcome to the world of coding. I am not sure if you made your own dwt template or if you are using a premade template by DreamWeaver. I would validate your templates that works fine at http://validator.w3.org/ and then validate the one that has a problem and if it shows an error then you should be able to fix it. I am not sure how much xhtml you know so go to www.w3schools.com they will help for sure!

Member Avatar for Mylena

Delete that page, and create a new one from template.

Member Avatar for sreein1986

when u create that templet you selected the editable region from templet object its not possible to modify the logo.
do one thing re-edit with editable region and make it again as templet

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.