Member Avatar for soapyillusion

*SCREWED UP ON TITLE* (DREAMWEAVER)
Hey guys I've been in web development for a short while, and still have some rookie issues going on. I recently started using dreamweaver as a change from expression web. I switched mainly because after I start doing some heavy CSS formating the "design" view looks screwed up. However when I preview it in a browser the layout looks just like I want. When I started using photoshop I was shocked to see I was having the same problems. Is there something I must be doing wrong in my code if it looks ok on the browser? Or is it just some normal problem with these programs I should ignore?

Edited by soapyillusion because: n/a
  • 2 Contributors
  • 1 Reply
  • 89 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by DriftingSteps

Dani AI

Generated

A few practical notes that build on 's situation and ' suggestion to share code.

Design panes in editors and image apps are not authoritative renderers. They often use simplified or older engines, do not run page JavaScript, and may not apply external styles exactly like modern browsers. That makes browser preview and the browser DevTools the primary source for diagnosing layout issues. Photoshop likewise is not a browser—exported slices or HTML should not be used as the ground truth for final layout.

Quick checklist to isolate the cause:

  • Force standards mode with a plain doctype: 
    <!DOCTYPE html>
  • Normalize the box model early (common source of offset/width problems): 
    *, *:before, *:after { box-sizing: border-box; }
  • Confirm external CSS/JS paths are correct and not blocked or cached.
  • Look for unclosed tags or malformed markup; these routinely break layout.
  • If layout is JS-driven (DOM changes, calculated widths), expect differences in editors that do not execute scripts.

Practical workflow: build a minimal reproducible HTML/CSS file that isolates the failing region, open it in two real browsers and inspect computed styles to find which rule differs. Temporarily apply visible outlines (for example outline: 1px solid rgba(255,0,0,0.2)) to see element boxes. Once the reduced test case shows the problem, share that HTML/CSS for targeted help.

Member Avatar for DriftingSteps

I don't think Photoshop has anything to do with your problem at the moment, but I think the codes are to blame. Usually, browsers like Firefox and Chrome automatically solve little coding problems. But I can't exactly say what the problem is. So if you can show me the CSS and HTML codes, I'll try my best to help you out with this.

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.