[css-d] css or javascript hacks for firefox

[Jenni Beard]

“then it is also present in Safari (3.2.2). Hacking Firefox 3 is 
dangerous since particular bugs have been fixed with this version but 
the hacks are more specific (targeting or filtering) to Gecko engine 
versions. There is many of them. Anyway how can you hack a fix for this
bug?”

I’m no expert, but have been working with CSS for awhile now.  I’ve found it
particularly difficult when trying to make a site layout work for all
browsers.  Generally these days I code for IE7, then check out Mozilla and
Opera (and am getting ready to embark on Google Chrome, alas!), then add
hacks where needed since these all seem to render most CSS layouts a bit
differently.

Here’s an example of the one I found and have been using for awhile for
Mozilla 3+:
-----------------------------------------------------------
#content { 
        background-image: url(../images/content.jpg);
        background-repeat: no-repeat;
        overflow: visible;
        width: 824px;
        float: right;
        margin-top: 20px;       
        color: #40352F;
}

  /* First hide an element in Firefox 2 and higher */
  html[xmlns^=""]:not([lang*=""])  [id=" #content"] 
   {margin-top: 20px; }
   
  /* Now reverse the above in Firefox 3 and higher */
  html[xmlns^=""]:not([lang*=""]) #content:not([id="#content"]) 
   {margin-top: 0px; margin-left: -50px;}
----------------------------------------------------------------

Hope this helps!


             Jenni Beard
     The Web Lotus       
Web Design, Development, and Marketing
          www.TheWebLotus.com
        je...@theweblotus.com 

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/