Skip navigation
JeromeBP
JeromeBP Calculating status...
Currently Being Moderated

Fireworks web designs when using slices not rendering properly in IE

Aug 14, 2012 5:05 PM

When I create web pages in Fireworks CS6 and use slice tool then export the html, IE 8 and 9 renders borders and misaligned pixels. But when I view the html in Chrome, Safari or Firefox the html pages are rendered as I want them to render. Am i doing something wrong and how can I get html pages to render properly in IE.

thank you for any help!

1643 Views   6 Replies   Latest reply: JeromeBP, Aug 14, 2012 7:31 PM
 
Replies
  • Linda Nicholls
    Currently Being Moderated
    1. Linda Nicholls,
    Aug 14, 2012 5:39 PM   in reply to JeromeBP
    Report

    Fireworks is not a WYSIWYG editor. Export your images from Fireworks. Build your web pages in Dreamweaver.

     
    |
    Mark as:
  • JeromeBP
    Currently Being Moderated
    2. JeromeBP,
    Aug 14, 2012 6:10 PM   in reply to Linda Nicholls
    Report

    Linda

    Thank you for your response. I apologize for the over simplification. I export to html, create a template and build the site in Dreamweaver. Having said that, I see that I should be looking at the code in Dreamweaver rather than pointing the evil finger at Fireworks. i figure that IE must have trouble with spacers "spacer.gif"  that I guess were creating during the html export from fireworks. I am a novice, but this must be where I need to start, and find a solution from here. Am i on the right track?

     

    Again thanks

     

    JBP

     
    |
    Mark as:
  • Linda Nicholls
    Currently Being Moderated
    3. Linda Nicholls,
    Aug 14, 2012 6:13 PM   in reply to JeromeBP
    Report

    It would be helpful to see the Fireworks PNG file. Can you upload it to your site, or if it's not too big, to this forum?

     
    |
    Mark as:
  • JeromeBP
    Currently Being Moderated
    4. JeromeBP,
    Aug 14, 2012 6:47 PM   in reply to Linda Nicholls
    Report

    HomePageATest.fw.pngLinda

    here is one of the Fireworks PNG files

     
    |
    Mark as:
  • Linda Nicholls
    Currently Being Moderated
    5. Linda Nicholls,
    Aug 14, 2012 7:21 PM   in reply to JeromeBP
    Report

    States are used for animations or creating things like buttons from scratch. Use pages for designing the pages for your site.

     

    In your place I would export only the images from Fireworks, and then build the pages in Dreamweaver with those images. Fireworks HTML is OK for creating prototypes, but, as you can see, the HTML it creates is often not stable enough for web pages. If you want to use HTML from FW, it's not the spacers that cause the problems. The problems are usually generated by the way the page is sliced. To create stable tables, the sliced columns and rows need to line up next to and under each other, like a checkerboard. If the slices are staggered in brick fashion, the table can break apart. That's what you are seeing in IE.

     

    slice.jpg

     
    |
    Mark as:
  • JeromeBP
    Currently Being Moderated
    6. JeromeBP,
    Aug 14, 2012 7:31 PM   in reply to Linda Nicholls
    Report

    Thank you so much Linda!

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points