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 saves a LOT of debugging time.
**Michael
On Aug 27, 2007, at 8:25 PM, Cheyenne Throckmorton wrote:
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 the browser, if something is
bugging out. Of course, its usually IE that bugs out which is
annoying since I haven't found as nice of tools for IE, especially
IE6, which on our sites still accounts for about 50% of our traffic.
The View Source Chart tool, gives you the HTML but in a nice laid
out color coordinated look that really makes seeing the rendered
HTML and blocking very useful.
Finally, looking at the CSS one further note, which may or may not
be useful, is that I see you are optimizing for an 800px screen but
leaving 20px for the browser chrome. I believe standard PC chrome
takes up about 30px and Macs will take up 40px. So for an 800
experience our designers shoot for 760px and for 1024 they shoot
for 984px.
Cheyenne
On 8/27/07, Michael Sheldon <[EMAIL PROTECTED]> wrote:
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 the .theColFixHrd #ttSignUp (starts line 29 of
NewTopgrading.css) to position:absolute, you'll see that's the base
issue.
This means you can go back and add a default div
{ position:relative; } as part of your basic reset css, or you can
just change that one and recheck flow.
Depends on your style and the site.
**Michael
On Aug 27, 2007, at 6:19 PM, Clarke Bishop wrote:
> 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;
> margin-left:370px;
> margin-top: 84px;
> margin-right: 0px;
> margin-bottom: 0px;
> padding:0;
> width: 360px;
> height:110px;
> }
>
> The website is at: http://76.12.33.75
>
> Firefox seems to be ignoring the margin-top parameter.
>
> Any ideas?
>
> Also, who on the list is a CSS expert that can help with occasional
> problems? I'm open to spending some money to resolve this (and
similar
> problems in the future)!
>
> Thanks,
>
> Clarke
>
> Office: 770-642-1353
> eMail: [EMAIL PROTECTED]
>
>
>
>
>
>
>
>
> -------------------------------------------------------------
> Annual Sponsor FigLeaf Software - http://www.figleaf.com
>
> To unsubscribe from this list, manage your profile @
> http://www.acfug.org?fa=login.edituserform
>
> For more info, see http://www.acfug.org/mailinglists
> Archive @ http://www.mail-archive.com/discussion%40acfug.org/
> List hosted by http://www.fusionlink.com
> -------------------------------------------------------------
>
>
>
-------------------------------------------------------------
Annual Sponsor FigLeaf Software - http://www.figleaf.com
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform
For more info, see http://www.acfug.org/mailinglists
Archive @ http://www.mail-archive.com/discussion%40acfug.org/
List hosted by http://www.fusionlink.com
-------------------------------------------------------------
-------------------------------------------------------------
Annual Sponsor - Figleaf Software
To unsubscribe from this list, manage your profile @
http://www.acfug.org?fa=login.edituserform
For more info, see http://www.acfug.org/mailinglists
Archive @ http://www.mail-archive.com/discussion%40acfug.org/
List hosted by FusionLink
-------------------------------------------------------------
