Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Layout change between IE and FF

Posted by: JourneyAbout Jun 28 2012, 09:16 AM

Hello!

I am using the Patrick Carey book HTML, XHTML, and Dynamic HTML 4th ed. I'm working on Tutorial 7 and I have done 3 Case Problems and keep having the same problem. I feel I have followed the book as closely as possible. Once I insert the objects the layout is off in FF but still looks fine in IE. I don't know if the book just doesn't address this at this time but I feel I need to know why this is happening. Any help would be greatly appreciated!


They provided the CSS file used with this page and I only edited the html.
http://home.comcast.net/~djkstephenson//tutorial.07/review/astaire.htm




Posted by: Darin McGrew Jun 28 2012, 10:07 AM

Well, for one thing, you have no doctype declaration, which puts browsers in quirks mode. I recommend a doctype declaration that puts browsers in standards mode. See also:
http://hsivonen.iki.fi/doctype/

And there are structural problems with your markup, as reported by our online validator:
http://htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fhome.comcast.net%2F~djkstephenson%2F%2Ftutorial.07%2Freview%2Fastaire.htm&warnings=yes

Posted by: JourneyAbout Jun 28 2012, 11:40 AM

So...I hate this book. We do not cover doctype until Tutorial 8. And, I looked through the validation report and I did not write any of those errors. That was how I received the file. The only changes I made were to insert the object tags. Even the parameters for the creditroll were already written.

Thanks for the input.


QUOTE(Darin McGrew @ Jun 28 2012, 11:07 AM) *

Well, for one thing, you have no doctype declaration, which puts browsers in quirks mode. I recommend a doctype declaration that puts browsers in standards mode. See also:
http://hsivonen.iki.fi/doctype/

And there are structural problems with your markup, as reported by our online validator:
http://htmlhelp.com/cgi-bin/validate.cgi?url=http%3A%2F%2Fhome.comcast.net%2F~djkstephenson%2F%2Ftutorial.07%2Freview%2Fastaire.htm&warnings=yes


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)