Web page not rendering correctly in mozilla

C
Posted By
climberusa
Aug 19, 2004
Views
318
Replies
12
Status
Closed
I just added a photoshop made, imageready sliced web page, or part of a web page and it loads correctly in IE but not in mozilla. If anyone can give me some insight as to what the problem is, that would be greatly appreciated. Thanks in advance for your help!!!
the url is <http://www.akclimber.com/bouldering/hatcher_bouldering.html>

Thanks
jeff
Related Tags
correct page render website

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

C
climberusa
Aug 19, 2004
by the way, i am using photoshop 7 and Dreamweaver
thanks
RH
r_harvey
Aug 19, 2004
According to the W3C validator at <http://validator.w3.org> , there are 164 errors on your page. Clear up some of those, and then have another go with Mozilla.

In addition, you are assuming that heights of things are going to be consistent in all browsers; they aren’t.
I
ID._Awe
Aug 19, 2004
Re:

"div align="center" /p> /div
p TABLE WIDTH=400 BORDER=0 CELLPADDING=0 CELLSPACING=0 "

looks like IE is a little more flexible with the div align="center"

move /div to the bottom below /table.

Also use the Dreamweaver built-in validator. It will correct these problems automatically.
NP
Nona_Pearson
Aug 19, 2004
You are mixing html and xhtml. Pick one, choose the correct doctype and the correct markup for the doctype. Remove the nesting problems (ex:
<p><div align="center"></p></div> )and it should work.

Dreamweaver CAN be a good tool for laying stuff out, but you’ll never convince me it takes the place of writing by ‘hand.’
I
ID._Awe
Aug 19, 2004
Nona: I’d never convince a code warrior to switch from Notepad, but Dreamweaver does an excellent job of creating clean code, if you use the validator and clean up code options.

I was an old code warrior eight years ago, but with Dreamweaver, I’ll leave that to someone else.
Aug 19, 2004
Yeah…

It’s one thing to be a stickler, and quite another to remain a Luddite.
GS
Gustavo_Sanchez
Aug 19, 2004
Explorer and Mozilla differ in their rendering of some things (like margins and padding and something else, by sure).

Mozilla variants are better behaved though less used. Validate and you’ll suffer less differences.
DM
dave_milbut
Aug 19, 2004
and of course mozilla abides by the published standards while IE flauts them freely. just to be clear on that fact.
TH
Tina_Hayes
Aug 20, 2004
What Dave said….

I know Dreamweaver is a decent tool, but if you hand code XHTML you’ll have much better luck.

Also……..now I love Adobe, but the code that is put out by Image Ready is garbage. (Code put out by GoLive is awful as well.)

Your best bet is to slice the images and then using XHTML and CSS code the thing by hand.

* Coming from a former WYSIWYG’er who now codes totally by hand*
RH
r_harvey
Aug 20, 2004
using XHTML and CSS code the thing by hand.

If you know how to do it. If you don’t, please don’t.
GS
Gustavo_Sanchez
Aug 20, 2004
Dreamweaver MX 2004 can do perfectly xhtml 1.1. It has improved a lot in that sense.

However polishing things by hand is many times needed.

PS. I do not know if GoLive does that, by the way.
DM
dave_milbut
Aug 21, 2004
Also……..now I love Adobe, but the code that is put out by Image Ready is garbage. (Code put out by GoLive is awful as well.)

Your best bet is to slice the images and then using XHTML and CSS code the thing by hand.

complete agreement.

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections