Solved

CSS media query not recognized by Firefox browser

Posted on 2014-11-06
8
435 Views
Last Modified: 2014-11-06
This URL looks fine in Safari and Chrome, but not in Firefox:
http://www.southviewcemetery.com

Specifically, in Firefox there are two logos displaying at full screen size (over 1144px wide), in addition to a few other formatting problems. I have several elements setup with a class "mobileonly" that should not be displaying:

ul#nav1 li.mobileonly{display:none;}
.mobileonly{display:none;}

Open in new window


HTML:
<div id="mobilespacer" class="mobileonly"><a href="default.asp"><img id="mobilelogo" class="mobileonly" src="img/lg_southview-resp.png" /></a><img id="mobilenav" src="img/gr_mobilenav.jpg" /></div>

<ul id="nav1">
	<li class="mobileonly"><a href="about-us.asp">Home</a></li>
	<li><a href="about-us.asp">About Us</a></li>
	<li><a href="pre-planning.asp">Pre-Planning</a></li>
	<li><a href="burial-arrangements.asp">Burial Arrangements</a></li>
	<li><a href="markers-and-flowers.asp">Markers &amp; Flowers</a></li>
	<li><a href="our-history.asp">Our History</a></li>
</ul>

Open in new window


I've gone through my code several times, I can't find what is wrong. Would appreciate another set of eyes.

Thank you!
0
Comment
Question by:bbdesign
  • 4
  • 4
8 Comments
 
LVL 51

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 40426379
Looks identical to me in FF and Chrome.

Are you sure you don't have a caching issue - try a shift refresh - or clear your cache in FF
0
 

Author Comment

by:bbdesign
ID: 40426405
I've tried that, repeatedly. Over a period of more than a week. Another user reported the same problem. If its a cache problem, I've never seen one this persistent.
0
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 40426546
Can you post a screengrab of what you are seeing?
0
 

Author Comment

by:bbdesign
ID: 40426552
Yes, here you go.
1.jpg
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 
LVL 51

Expert Comment

by:Julian Hansen
ID: 40426593
Here is what I am seeing on FF
ee.jpg
0
 

Author Comment

by:bbdesign
ID: 40426601
Yes, that is correct. Odd that I can't get it to look right.
0
 

Author Comment

by:bbdesign
ID: 40426607
OK, now I actually went into Firefox, and force-ably cleared the cache ("everything"). Now it works! I work with Firefox all the time on sites where I am constantly adjust the CSS, never had this problem before.
0
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 40426881
I have a few times - sometimes FF is a bit sticky on the cache refresh.

Glad you got sorted.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now