[ACFUG Discuss] Firefox CSS Challenge

2007-08-27 Thread Clarke Bishop
I have a CSS challenge that's driving me nuts! It's a little for a newsletter signup. It looks right in IE7 and Dreamweaver CS3, but it get's all scrunched up to the top of the screen in Firefox. Here's the relevant CSS for the div: .thrColFixHdr #ttSignUp { position: relative; m

Re: [ACFUG Discuss] Firefox CSS Challenge

2007-08-27 Thread Michael Sheldon
Your problem is that you're mixing relative positioned divs along with divs with no position. This means that they can get out of flow, and IE7 is simply interpreting it correctly THIS time (it won't always) because MS overreacted in their box model/div 'fixes' in IE7. If you simply change

Re: [ACFUG Discuss] Firefox CSS Challenge

2007-08-27 Thread Cheyenne Throckmorton
I find the two tools that come in the most handy when trying to fix CSS issues for Firefox, is the "Web Developer Toolbar" and "View Source Chart" both of which are free extensions you can get. The first tool has a myriad of tools, but especially for CSS you can edit the CSS files right there in t

RE: [ACFUG Discuss] Firefox CSS Challenge

2007-08-27 Thread Clarke Bishop
discussion@acfug.org Subject: Re: [ACFUG Discuss] Firefox CSS Challenge Your problem is that you're mixing relative positioned divs along with divs with no position. This means that they can get out of flow, and IE7 is simply interpreting it correctly THIS time (it won't always) because MS over

RE: [ACFUG Discuss] Firefox CSS Challenge

2007-08-27 Thread Clarke Bishop
@acfug.org Subject: Re: [ACFUG Discuss] Firefox CSS Challenge I find the two tools that come in the most handy when trying to fix CSS issues for Firefox, is the "Web Developer Toolbar" and "View Source Chart" both of which are free extensions you can get. The first tool has a my

Re: [ACFUG Discuss] Firefox CSS Challenge

2007-08-28 Thread Michael Sheldon
One further extension that's really useful is FireBug, where you can right-click an item and have the inspection window popup to give you block-level highlighting of your code as well as the CSS actual rendered cascade to help debug what is and is not being applied. That + edit in place sav