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 - 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
-------------------------------------------------------------
