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
I have a CSS challenge that's driving me nuts! It's a little div 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;
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
-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael Sheldon
Sent: Monday, August 27, 2007 6:44 PM
To: 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
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 myriad
of tools, but especially for CSS you can edit
