Firefox vs IE

I thought I was using Dreamweaver so I wouldn't have problems with multiple
browsers. But that seems not to be the case.

Site in question:
www.hardcorevisualsystems.com/index2.html

Issues
Page Background: shows in Firefox, not in IE

Mysterious Image: Show in IE overlapping the logo, but not in Firefox
** oddly enough it isn't consistent on all pages. It's only a 4 page site.

Page Width: looks perfect on Firefox, but seems that IE is wider making images
not line-up as they are supposed to.
** may be part of mystery image issue

Is there a way to truly design for multiple platforms?

Thank you.

The background is OK. It was hard to see because the table is off... but now there is a mysterious black box in the middle of the screen. Weird indeed.

Check your page validation -

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.hardcorevisua lsystems.com%2Findex2.html

Fix the first two errors by using CSS instead of IE proprietary markup in
the table tag. The rest of the errors are a combination of your use of
Flash, and a basic mismatch between your tag syntax used on the page, and
the page's doctype.

Open the page in CS4, and use FILE | Convert > XHTML 1.0 Transitional to fix
the mismatch ones.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"tkatcher" <webforumsuser (AT) macromedia (DOT) com> wrote

The background is OK. It was hard to see because the table is off... but
now there is a mysterious black box in the middle of the screen. Weird
indeed.

Is there a way to truly design for multiple platforms?

Sure! All you need is a good working knowledge of HTML/CSS. A common and
popular approach is to design for Firefox (arguably the most
standards-compliant browser) and then adjust for IE (usually with
conditional comments) or any other browser it the page display renders
significantly differently from Firefox. Finally accept that pixel-perfect
rendering is just not possible cross-browser. Close? Yes. Perfect? Sorry.

--

Walt


"tkatcher" <webforumsuser (AT) macromedia (DOT) com> wrote

I thought I was using Dreamweaver so I wouldn't have problems with multiple
browsers. But that seems not to be the case.

Site in question:
www.hardcorevisualsystems.com/index2.html

Issues
Page Background: shows in Firefox, not in IE

Mysterious Image: Show in IE overlapping the logo, but not in Firefox
** oddly enough it isn't consistent on all pages. It's only a 4 page site.

Page Width: looks perfect on Firefox, but seems that IE is wider making
images
not line-up as they are supposed to.
** may be part of mystery image issue

Is there a way to truly design for multiple platforms?

Thank you.

Thank you.

"Fix the first two errors by using CSS instead of IE proprietary markup in the
table tag."

What are you referring to specifically?

I didn't write any code... just used dw4

"The rest of the errors are a combination of your use of Flash"

No flash is used on any page.

Please advise.

And no matter what, I still get that mysterious image in IE next to HARDCORE in the logo at the top that doesn't show up in Firefox.

OK - I resolved the issue of the background and taught myself css.

Now, I have that image in the top that actually overlaps the logo on all but the contact page.

Doesn't make sense to me.