I usually do something like this:
div {
position:absolute;
left:something;
top:something;
}
/* IE 7 ONLY */
*:first-child+html div {
left:something-else;
top:something-else;
}
/* IE 6 ONLY */
* html div {
left:something-else;
top:something-else;
}
The first one is your CSS. The 2nd one is an IE7 hack. The 3rd one is for IE6
only.
there is also something where to make Firefox only read something you need to
use *:lang(en) > html or something along those lines. Just google that one
because I can't remember it off the top of my head and I'm not in the office
right now.
Original Message -----------------------
Here is a link. If you click on the text field for the seach you will see
what I mean.
http://72.174.248.16/totallyclassified/
Doug B.
----- Original Message -----
From: "Sandra Clark" <[EMAIL PROTECTED]>
To: "CF-Talk" <[email protected]>
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:267151
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
