Mark/Sandra... who knew there was so much to proper CSS? Good thing I have a CSS book on order. Thanks for your help and clarification.
Che -----Original Message----- From: Mark Henderson [mailto:[EMAIL PROTECTED] Sent: Wednesday, March 21, 2007 5:41 AM To: CF-Talk Subject: Re: CSS Firefox vs. IE Question... Dana Kowalski wrote: > Sandra, > look at the actual code on the page. It references ID's multiple > times. Yeah the main offender seems to be the id categories. e.g. <div id="categories" class="widget_style1"> As already mentioned, just make it a class, but first things first. http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.buickpartspage. com%2F Some of those errors are due to the two opening head tags, and it is precisely this that needs sorted out if you ever want consistent cross-browser rendering. Don't use javascript to serve different style sheets. Again, as Sandra mentioned, you can use conditional comments to give IE what it needs. So the following... <script language="JavaScript" type="text/javascript"><!-- if ((navigator.appName == "Microsoft Internet Explorer") && (navigator.userAgent.indexOf ("Opera") == -1)) { document.write ('<link href="style_ie.css" rel="stylesheet" type="text/css" media="screen" />'); }; //--></script> .....should be changed to <!--[if IE]> <link href="style_ie.css" rel="stylesheet" type="text/css" media="screen" /> <![endif]--> Conditional comments were designed for exactly this sort of thing, so use them! Next, don't use underscores in class and ID names. http://developer.mozilla.org/en/docs/Underscores_in_class_and_ID_Names I'm with Sandra on the recommendation of a strict doctype, whether that be html 4 or xhtml 1. If you're not experienced with CSS layouts, it's better to avoid the possibility of Mozilla's "almost standards mode" which will likely just create confusion. Lastly, as a slightly picky side note, try and use semantic names for your classes and IDs. http://www.w3.org/QA/Tips/goodclassnames Example; <h2 class="h2"> could be changed to something like <h2 class="cathead"> and the wrapper for this removed. BTW, despite all the errors, the page actually displays quite well in IE6 on Win2k and IE7 on XP Pro, and looks good visually (although the fonts are a little tiny and hard to read, at least for my blind eyes). HTH Mark ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| ColdFusion MX7 by Adobe® Dyncamically transform webcontent into Adobe PDF with new ColdFusion MX7. Free Trial. http://www.adobe.com/products/coldfusion?sdid=RVJV Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:273255 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
