Member Avatar for webdev_novice
webdev_novice 0 Newbie Poster

Gday Guys n Girls,

I think im posting in the right section so here goes.
I have been playing around with Fireworks MX to layout a site it graphics and a few buttons. I've had no problem coming up with a basic page and have worked out how to export it into images and html files.
Now here is the problem, when i open the .html file Fireworks has created the page itself doesn't fill all of the browsers windows, it basically has a 10-20 pixel border all the way around it.
I realise Fireworks MX is more a design and layout application but i'm wondering why it isn't viewing correctly. The canvas size i have used is 970 wide x 550 high, when the html is generated the 1st/Main table tag uses width="970" which i have adjusted to width="100%" but thats not fixing it. Any Ideas?
Much Thanks in Advance,
Mark.

P.S. Sorry for the long post =)

  • 1 Contributor
  • 0 Replies
  • 82 Views

Dani AI

Generated

This is almost always the browser's default page margin rather than a Fireworks export bug. already tried changing the table width to 100%, but the table sits inside the page content area and the browser still adds an outer margin. Reset the body margins and you will see the layout hug the window edges.

A minimal fix to paste into the generated HTML head:

<style>
html, body { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
</style>

Also make sure the file starts with a valid doctype (for example <!DOCTYPE html>) so the browser uses standards mode rather than quirks mode. More about the body element defaults and doctypes is documented here: HTML body element and Doctype / Quirks Mode.

Quick troubleshooting: open developer tools (F12) and inspect the computed margin on the body to confirm the gap. If a full-viewport background is needed, also add html, body { height: 100%; }. Keep in mind Fireworks MX export uses table-based layout; for modern projects consider a CSS-based, responsive approach.

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.