Firefox ignores CSS rules I have set

So, if you look at my site:
http://leaveyourdailyhell.com
In, say, Chrome and Firefox, you will see vastly different things. In Chrome, it looks as I intended; namely, the strip of WordPress custom-loop posts on the front page and at the top of every "single post" has properly-sized, left-floated thumbnails. In other words, it obeys the CSS rules I have set. (And CSS copy I have, for the record, W3C validated -- it came back perfect.)
In Firefox, however, both of these DIVs ignore the CSS rules I set. No floats; images are their original sizes and, on the single page, where the strip of posts is supposed to have a custom background, it is nowhere to be found. It doesn't even obey simple rules, such as ascribing a custom color to the links. When I right click to inspect the elements, the CSS rules are nowhere to be found!

It looks like you've marked my previous post as the solution. Based on your reply afterwards, I take it that was done in error. If you've figured out what the problem is on your own, others might appreciate it if you shared the solution.
Can you post a screenshot comparing what you see with what you're expecting to see? This is what your site looks like to me, in the latest version of Firefox. I see nothing wrong with it at first glance.
Your site relies on third-party content from www.hellobar.com, ajax.googleapis.com, fonts.googleapis.com, and possibly others. It will look wrong if Javascript is disabled, or the third-party content is blocked in an extension like Adblock Plus or NoScript.
* [[Websites look wrong or appear differently than they should]]

Similar Messages

Firefox ignores Windows 8's compatability setting for high dpi screens.

I recently tried the Windows 8.1 Preview, but then reset my machine to Windows 8 again.
Before this, the first time I installed Firefox, it ran at a low resolution, so all the toolbars and content appeared huge and blurry. I fixed this with the Windows 8 compatibility setting disable display scaling on high DPI settings"
After resetting the machine, and installing Firefox again, it was back to being blurry, so I changed the compatibility setting again, but this time, nothing happened. Even with the setting on, Firefox ignores it. Every other program with this setting works fine, and Firefox worked fine the last time around.
I was advised in the Windows support forums to ask the question here.

You can modify the layout.css.devPixelsPerPx and increase or decrease the value in 0.1 or 0.05 steps to adjust the size of fonts and other elements in Firefox.
*The layout.css.devPixelsPerPx pref is a String value parsed to a float and allows to fine tune the dimensions of all elements (user interface and web pages) more precisely (resolution 0.1 or 0.05).
*Change the default value -1 to 1 to make it work like in previous Firefox versions (100%)
Start with a value of 1 and adjust this value with 0.1 steps or 0.05 for finer adjustments.
*Use values between 1.0 and about 0.5 to reduce elements in size (do NOT go all the way to 0.05!)
*Use values greater than 1.0 to magnify and make elements larger (percentage divided by DPI, % / DPI).
*http://kb.mozillazine.org/about:config
If web pages needs to be adjusted after changing this pref then you can look at the Default FullZoom Level or NoSquint extension.
*Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/
*NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/
Use this extension to adjust the font size for the user interface:
*Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/

Firefox ignores CSS and renders sites poorly

Remember what websites looked like in 1995? No formatting, no background - just black text and blue hyperlinks.
well, this is what I see now in Firefox. :( No CSS - no graphics - just text and links on white b/g.

Clear Cookies & Cache
* https://support.mozilla.com/en-US/kb/Template:clearCookiesCache
Clear the Network Cache
* https://support.mozilla.com/en-US/kb/How%20to%20clear%20the%20cache#w_clear-the-cache
Troubleshooting extensions and themes
* https://support.mozilla.com/en-US/kb/Troubleshooting%20extensions%20and%20themes
Check and tell if its working

I generally use Firefox instead of IE and have set google as my homepage. This google does not have an advanced search option/link as the google page I get using IE. Why not? Do I have to start using IE now to use this feature?

The google homepage using Firefox and IE are not the same. Some features are missing -- features that I like to use. Why?

Hello,
The Reset Firefox feature can fix many issues by restoring Firefox to its factory default state while saving your essential information.
Note: ''This will cause you to lose any Extensions, Open websites, and some Preferences.''
To Reset Firefox do the following:
#Go to Firefox > Help > Troubleshooting Information.
#Click the "Reset Firefox" button.
#Firefox will close and reset. After Firefox is done, it will show a window with the information that is imported. Click Finish.
#Firefox will open with all factory defaults applied.
Further information can be found in the [[Reset Firefox – easily fix most problems]] article.
Did this fix your problems? Please report back to us!
Thank you.

Help with CSS rule cross platform browser compatibility

I am an advanced beginner website designer.
The website I need help with is www.sprungtheatre.com
I designed this site on a PC machine. Each page has a
different CSS Background Image rule. The only rule I have set is
image and the "non-repeat." I have not set rules for its placement.
Each of these images had a feather effect applied to it in
Illustrator so the image would fade into the black background. This
works fine on Windows machines in IE and Firefox.
However, on Macs, the left-hand side of the image is chopped
off. Which is to say, it appears if the feathered edge has been cut
off and the image ends abruptly.
Is there any way to fix this problem?
My only guess is that the following my be happening:
The CSS Background Image rule is applied to a nested table
that is editable in a template. I'm thinking that the Mac browswers
are moving the image to the upper left of the overall, "poppa"
table in which the editable region is nested, cutting off that part
of the image that appears in the non-editable region of the "poppa"
table and showing that part of it that appears in the nested,
editable table. I hope that makes sense. Would applying the
placement rules help this? If not, what might?
Many thanks,
Jon

Don't use a fixed background image.
Sorry to break the news but the code is hidous for an
advanced beginner.
Youre sure to run into much trouble unless you are preapred
to take
some time out and learn this stuff correctly.
Using layout mode and spliting and merging tables into all
sorts of
shapes is a seriously bad method and one you should quickly
move away
from for the sake of your own sanity.
zaphron wrote:
> I am an advanced beginner website designer.
>
> The website I need help with is www.sprungtheatre.com
>
> I designed this site on a PC machine. Each page has a
different CSS Background
> Image rule. The only rule I have set is image and the
"non-repeat." I have not
> set rules for its placement.
>
> Each of these images had a feather effect applied to it
in Illustrator so the
> image would fade into the black background. This works
fine on Windows machines
> in IE and Firefox.
>
> However, on Macs, the left-hand side of the image is
chopped off. Which is to
> say, it appears if the feathered edge has been cut off
and the image ends
> abruptly.
>
> Is there any way to fix this problem?
>
> My only guess is that the following my be happening:
>
> The CSS Background Image rule is applied to a nested
table that is editable in
> a template. I'm thinking that the Mac browswers are
moving the image to the
> upper left of the overall, "poppa" table in which the
editable region is
> nested, cutting off that part of the image that appears
in the non-editable
> region of the "poppa" table and showing that part of it
that appears in the
> nested, editable table. I hope that makes sense. Would
applying the placement
> rules help this? If not, what might?
>
> Many thanks,
>
> Jon
>
>
>

Firefox pops up an error message on certain pages, all other browsers work fine, how can I make firefox ignore the "error" [e2219] css init error: ReferenceError: g is not defined

Basically I want to replace the Ajax Control Toolkit Slider in favor of the Component One Studio for iPhone Slider for better mobile/desktop consistency (the ajax slider doesn't work well with iPhone). I created a simple page that works on every browser and platform (iPhone, Android, Mac, Windows) except Firefox, which fails on every platform. I have already tried disabling all plugins (safe mode) and clearing cache, I have also tried this with different versions of Firefox on different platforms. I posted this error on the Component One forum but since this only occurs with Firefox I believe this is a Firefox issue.
I searched for this error on the forums and Google but didn’t get any results:
''[e2219] css init error: ReferenceError: g is not defined''
The console has this message:
''[12:05:26.954] uncaught exception: [Exception... "prompt aborted by user" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: resource:///components/nsPrompter.js :: openTabPrompt :: line 462" data: no]''
You can see the error by visiting http://www.componentone.com/i/
Visit the same URL with IE, Chrome or Safari and there is no error. If I click [OK] the page loads normally enough for me. Is there some JavaScript or CSS line I can put in the page to make Firefox ignore the error? If so that would be great because even if there is a fix put into Firefox itself there will be those millions of users out there that will not upgrade.

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.
*http://forums.mozillazine.org/viewforum.php?f=25
The helpers at that forum are more knowledgeable about web development issues. 
You need to register at the MozillaZine forum site in order to post at that forum.

I set Firefox 3.6.13 to start with a blank screen. Firefox ignores that option and starts with the Google screen. How do I get the blank screen?

I sent to Tools\Options\General and set "When Firefox Starts" to Show a Blank Screen. Didn't work. I made other settings but Firefox ignored the settings and defaulted to the Google screen each time. I have uninstalled Firefox three times and deleted all remaining files and references to Firefox I could find but when I reinstall Firefox 3.6.13 the Google screen is back.

I am now seeing this same IP address resolution problem slowly (but surely) populate into other browsers (firefox and internet explorer) in windows. The only way I can rationalize this is there is some kind of address resolution problem with one (or more) of ICANN's DNS servers.

How do I block a popup window that I have allowed to open on Firefox once? I now have the popup blocker set to block all sites, but the popup still opens every time I open Firefox or open (sometimes) a new tab.

How do I block a popup? I allowed this popup to open once. Now I have set the popup blocker to block all sites but this popup still opens every time I open Firefox and sometimes (usually) when I open a new tab.
I Have stopped and restarted Firefox multiple times.
I have rebooted the computer.
I have set the tools/options/content/block pop-up windows/exceptions to block all sites (no exceptions).
I have no other issues with Firefox.
I have Adblock plus (with (1) subscription) installed
I am currently using Firefox version 4.0 on Windows7 Ultimate.

Just to address the last point: check your History menu to see whether you have the Restore Previous Session option and use that if you can. If that is grayed out or doesn't restore everything, check the Recently Closed Windows and Recently Closed Tabs lists for other pages.
The unwanted window may be generated by an add-on. Try disabling ALL nonessential or unrecognized extensions on the Add-ons page. Either:
* Ctrl+Shift+a
* "3-bar" menu button (or Tools menu) > Add-ons
In the left column, click Extensions. Then, if in doubt, disable.
Usually a link will appear above at least one disabled extension to restart Firefox. You can complete your work on the tab and click one of the links as the last step.
Any improvement?
Here are some other things to check:
(1) user.js file that changes Firefox startup behavior and overrides your preferences. This article describes how to track that down and delete it if you have one: [[How to fix preferences that won't save]].
(2) Possible hijacked shortcut. Check the "target" of the desktop icon you use to start Firefox to see whether it lists the unwanted page. To do that:
right-click the icon > Properties > Shortcut tab
For 64-bit Windows 7, the Target should be no more and no less than this:
"C:\Program Files (x86)\Mozilla Firefox\firefox.exe"
(3) Possible undisclosed bundle items. If you have installed any free software recently, check your Windows Control Panel, Uninstall a program for surprises. If you click the "Installed on" column head to group by date, it is easier to spot bundled junk. Remove everything suspicious or unrecognized.
(4) Supplemental clean up scans. Our support article lists tools other Firefox users have found helpful: [[Troubleshoot Firefox issues caused by malware]].
Hopefully that cures it.

I have set up my firefox shortcut to go directly to the profile manager. I have had it that way for years. All the sudden it has stopped working

Hi,
I cannot get my firefox shortcuts to go directly to the profile manager anymore. I don't know why. I know I have set the target up correctly in properties but it still will not go to the profile manger. Please help.
Here is what is in the target location in properties:
"C:\Program Files (x86)\Mozilla Firefox\firefox.exe" -profilemanger

Glad all is working again.
If you have not come across this problem in two years maybe you just do not set Firefox as the Sytem's default browser. If so no need to read any further.
Just be aware that in some circumstances you will run into problems with the way you appear to have done this. If you try to take an action that opens Firefox indirectly it may fail.
The action you are trying to avoid, opening another window of the existing Firefox is sometimes essential.
If you try to use a hyperlink or an HTML file your Windows Vista OS will normally try to use your default browser. That may well be Firefox. If that is the case and Firefox tries to open with -no-remote it will fail if the profile is in use. (Or warn you then automatically close down the already running profile )
I will quote from another help article
* http://kb.mozillazine.org/Opening_a_new_instance_of_your_Mozilla_application_with_another_profile <blockquote>'''Important:''' Never use -no-remote to start the "default" profile (the one that is set to open without asking when you launch Firefox). That's because when you launch Firefox, for example, by clicking a link in your mail program, you will get a [http://kb.mozillazine.org/Profile_in_use Firefox is already running but is not responding message] if the default profile is already in use. The solution is to always start the default profile normally and launch all others with -no-remote. Then it will work.</blockquote>

Firefox does not open Gmail to send link when I click the Send Link option on the menu. I have set Gmail as the mailto option, but did not help

Firefox does not activate Gmail when I click send link in the menu under File or by right click menu on a webpage. I have set Gmail as the Mail to under options, but this did not help.

I have the same problem but it appears that an add-on I'm using is causing the problem. Try opening Firefox in safe mode (which disables add-ons) Then try it. If that solves the problem, you need to disable all your add ons and enable them one by one to figure out which one(s) is causing the problem.
[http://www.chowins.com David Chowins]

I copied this from your 5.0 download information: "All of the App Tabs you have set when you close Firefox will open as App Tabs when you start Firefox again." When I opened my computer today all my apptabs from yesterday had disappeared. Why?

Your download page for 5.0 stated: All of the App Tabs you have set when you close Firefox will open as App Tabs when you start Firefox again.
I liked the convenience of using App Tabs and was disappointed to find that the ones I had set up yesterday were gone today. Am I doing something wrong?

Works fine for me, I can simulate your problem by improperly closing Firefox.
The correct way would be to close the windows you don't want and then to exit Firefox through the File ("'''Alt+F'''") menu then use '''Exit''' or '''Qui'''t depending on your system.
But '''I can simulate your problem''' by closing the good window with "X" in the upper right-corner first (the one with the app-tabs) and then close the other window by any means.
You restart Firefox and open a window, since you closed without app-tabs there are none so you just see a window with your home page.
Firefox has some things added to Firefox 4 and therefore in Firefox 5.
# "'''Alt+S'''" (Hi'''s'''tory menu)
# "'''Restore Previous Session'''" (that's the window without the app-tabs, but you have to this first)
# "'''Restore Recently Closed Windows'''" -- can choose which window to reopen based on name and the mouse-over tells how many tabs. or you just use "'''Restore All Windows'''" without the guessing.
''I know you are on a Mac, and this affects Windows user more than anybody else, but it does affect other systems besides Windows, occasionally, perhaps more often now with the plugins container.''
The following may not completely eliminate having to terminate Firefox through the Windows Control Panel but it will come very close.
'''Plug-in and tasks started by Firefox may continue after attempting
to close Firefox''' The "X" in the upper right-hand corner closes the
Window (same as Ctrl+Shift+W) but even if it is the last Firefox window,
it does not necessarily close Firefox .
The only '''proper way to exit Firefox''' is to use '''Exit''' through the
File menu, not the "X" in the upper right corner of last Firefox window.
In the Firefox 4 and 5 that would be Alt+F then X
* '''Firefox hangs''' | Troubleshooting | Firefox Support http://support.mozilla.com/en-US/kb/Firefox%20hangs#w_hang-at-exit
Use the '''Windows Task Manger''' to remove all running firefox.exe in the "'''Processes'''" tab of the Windows Task Manager, then restart Firefox.
If Firefox will still not start, remove the parent.lock file from the profile which is created each time Firefox is started to prevent other Firefox tasks from running, see 
http://kb.mozillazine.org/Profile_in_use#Remove_the_profile_lock_file
'''Avoiding Problems with close/restart''' ''choose either extension''
:Use to close and restart Firefox after enabling or disabling an extension, switching to a new theme, or modifying configuration files, then you don't have to worry about delay or have to look in the Task Manager to see if Firefox is closed yet.
Both extensions use the same keyboard shortcut "'''Ctrl+Alt+R'''" or a file menu option.
*"'''Restartless Restart'''" extension for Firefox 4.0+ only (2 KB download ) https://addons.mozilla.org/firefox/addon/249342/
*For older versions use "'''QuickRestart'''" extension (34 KB download) ( https://addons.mozilla.org/firefox/addon/3559/

I don't know if this is a Firefox problem so I ask, When printing how come it always prints so small I nearly need a magnafing glass? Is this caused by something else I may have set incorrectly? help please, from a very satisfied Firefox user

I don't know if this is a Firefox problem so I ask, When printing how come it always prints so small I nearly need a magnifying glass? Is this caused by something else I may have set incorrectly? help please, from a very satisfied Firefox user

This only happens when I'm in my browser. Ex. when I'm on a site and I decide I like what I see and want to print it text that is, my printer always prints tiny. When I'm in Microsoft Word for ex. I print it and it looks like what I expect. So I don't know if somehow my printer got set to print tiny when on the web. If you can help me I would be most appreciative. Thanks again for your response.

WHY!?!?! Why do I have to make a CSS RULE with every Font Change

I am no major developer, but I have been using dreamweaver to build basic HTML sites for years. Just downloaded CS5 and I am ready to put my fist through the screen.
I am creating a NEW HTML document. I dont know much about CSS so I am avoiding it.
So I create a few tables, put text in the table, and go to change the attibutes like size, color, etc. Now I need to define it by making a CSS rule. Ok, perhaps I am a bit behind, but I selected a new HTML document, NOT CSS. Why do I have to define anything with CSS?
Yes, this is a basic basic thing I am trying to do. For years if I wanted to change the color, size, position, etc of some simply text in DW, it would just do it. I would never be asked to make a rule.
What is frusterating me is that I am making a rule, adjusting text, I can partially live with that. But now it is changing the attributes of text on the other wide of the page in a different table because it had similar attributes.
How do I go back to old school html, stright forward, no CSS.
thanks!
Jason

KeyWestInc wrote:
I am no major developer, but I have been using dreamweaver to build basic HTML sites for years. Just downloaded CS5 and I am ready to put my fist through the screen.
I am creating a NEW HTML document. I dont know much about CSS so I am avoiding it.
So I create a few tables, put text in the table, and go to change the attibutes like size, color, etc. Now I need to define it by making a CSS rule. Ok, perhaps I am a bit behind, but I selected a new HTML document, NOT CSS. Why do I have to define anything with CSS?
Yes, this is a basic basic thing I am trying to do. For years if I wanted to change the color, size, position, etc of some simply text in DW, it would just do it. I would never be asked to make a rule.
What is frusterating me is that I am making a rule, adjusting text, I can partially live with that. But now it is changing the attributes of text on the other wide of the page in a different table because it had similar attributes.
How do I go back to old school html, stright forward, no CSS.
thanks!
Jason
This question comes up a lot and it always interests me. If you choose a profession, why would you choose something you don't want to continue learning about? Would you be mad if your mechanic wouldn't repair your hybrid car engines because they only want to work on engines from the muscle cars of the 60s and 70s? Or would you prefer a doctor only give you penicillin for everything because they don't want to learn about the modern advances in medicine? It just doesn't make sense.
Best advise I can give you is that CSS is the way all web browsers and email clients are going whether through the use of attached style sheets with defined styles, or with inline styles for email security reasons. CSS is the styling for anything web based. Even if you are not in a CSS document, HTML pages use CSS to render styles from colors and margins to borders and backgrounds. Then if you use a rule over and over you don't have to click through this color and that size and that underline with this font. You just select a style where you want it and keep going. The learning is worth the time invested.
http://w3schools.com/css/default.asp

How can I keep a cookie for a certain site when I have set Firefox to delete cookies when I close the browser?

I have set Firefox to delete all cookies when I close the browser. Some websites identify my computer with a cookie, so when I try to log in to these sites, they don't recognize my computer because the identifying cookie has been deleted. I understand that Internet Explorer has a feature that preserves specified cookies, but haven't been able to find that capability in Firefox. Is there a way to do it?

Let all cookies expire when you close Firefox.
* Tools > Options > Privacy > Cookies: "Keep until": "I close Firefox"
Make an Allow exception for the ones that you want to keep.
* Tools > Options > Privacy > Cookies: "Exceptions"
You can inspect and modify the permissions for the domain in the current tab in "Tools > Page Info > Permissions"
Make sure that you do not use "Clear Recent History" to clear the "Cookies" and the "Site Preferences" (Site Preferences includes the cookie exceptions)
* https://support.mozilla.com/kb/Clear+Recent+History
Clearing cookies will remove all specified (selected) cookies including cookies that have an allow exception.
See also:
* https://support.mozilla.com/kb/Cookies
* https://support.mozilla.com/kb/Enabling+and+disabling+cookies

Firefox sync is not syncing my bookmarks across computers I have set up for firefox sync,

Firefox sync is not syncing my bookmarks across computers I have set up for firefox sync

Same problem here... First i had to update my firefox to the shittest new version which i hate... The more firefox desktop updates the worse it gets. I'm still using firefox 28 cause its the best version ever...
Anyways so i updated my fiefox to latest 32 something version and installed firefox beta on android. It syncs everything except passwords. And no, i do not use the master password its always disabled!
Can somebody tell me how to sync the passwords from firefox desktop to android on latest version and perhaps maybe on firefox 28 to if thats still possible?
I can only say that syncing doesn't work for me on the latest firefox 32 and android beta firefox!

Firefox ignores CSS rules I have set

Similar Messages

Maybe you are looking for