Thanks for the suggestion, Cheyenne. I already had the Web Developer
Toolbar, but I didn't know you could directly edit the CSS!
I must just need to get away from this for a while and sleep on it! I
thought the syntax ".thrColFixHdr #ttSignUp" should only affect the div with
id=ttSignUp that's in the class .thrColFixHdr. For some reason, when I set
the top-margin, it's changing the margin for my Body tag and moved the whole
body down!
.thrColFixHdr #ttSignUp {
margin-left:370px;
margin-top: 84px;
margin-right: 0px;
margin-bottom: 0px;
padding:0;
width: 360px;
height:110px;
}
Oh well, I'll look at this again tomorrow.
Thanks for the help!
Clarke
_____
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cheyenne
Throckmorton
Sent: Monday, August 27, 2007 8:26 PM
To: [email protected]
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 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
<http://www.acfug.org/mailinglists>
> Archive @ http://www.mail-archive.com/discussion%40acfug.org/
> List hosted by http://www.fusionlink.com <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 FusionLink <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
-------------------------------------------------------------
