That DocType triggers quirks modes across browsers, so of course what looks right in the browser you design in, will look off in other browsers.
http://hsivonen.iki.fi/doctype/ Use the following DocType and make sure your page validates. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Then start working with your page in FireFox first. Make it work there. (Its always easier to get something to work in a more standards based browser and then make changes for other browsers which aren't so compliant such as IE). Once you have that working, go ahead and fix IE. Make sure you look at it in both IE6 and IE7 and send your changes to those browsers via the conditional tags I reference in my blog http://www.shayna.com/index.cfm?fuseaction=blog.display_entry&id=131 Sandra Clark ============================== http://www.shayna.com Training in Cascading Style Sheets and Accessibility -----Original Message----- From: Doug Brown [mailto:[EMAIL PROTECTED] Sent: Monday, January 22, 2007 10:49 AM To: CF-Talk Subject: Re: CSS And doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> Doug B. ----- Original Message ----- From: "Sandra Clark" <[EMAIL PROTECTED]> To: "CF-Talk" <cf-talk@houseoffusion.com> Sent: Monday, January 22, 2007 8:38 AM Subject: RE: CSS > What docType are you using? Since your div is positioned absolutely, > what is is positioned absolutely in reference to > > Any chance of a URL? > > > Sandra Clark > ============================== > http://www.shayna.com > Training in Cascading Style Sheets and Accessibility > > > -----Original Message----- > From: Doug Brown [mailto:[EMAIL PROTECTED] > Sent: Monday, January 22, 2007 10:29 AM > To: CF-Talk > Subject: OT: CSS > > I have a div that is shown when a user clicks on a text field, and it > pops up just below that text field (0px below and aligned to the left > bottom corner). It seems to work just fine in IE: but in NS and FF the > div is about > 25 px out of alignment. Any ideas on how to display it the same in all > browsers? The text field is in a table and not another div. > > <cfoutput> > <div style="position:absolute; top:82px; left:135px; width:152; > background-color:##DAE4E4; border: 1px solid; color:##666666;" id="script"> > <table width="100%" cellpadding="1" cellspacing="0" border="0"> <tr> > <td class="bblackfont">Recent Searches</td> > <td><img src="images/buttn-notok.gif" border="0" > onclick="showhide('script'); return(false);" /></td> </tr> > </cfoutput> <cfif isDefined('cookie.testCookie')> <cfloop list="#cookie.testCookie#" > delimiters="," index="i"> <cfoutput> <tr> > <td colspan="2" class="nblackfont"><a href="">#i#</a></td> </tr> > </cfoutput> </cfloop> </cfif> </table> </div> > > Doug B. > > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 & MX7 integration & create powerful cross-platform RIAs http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:267154 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4