Solved

CSS media query not recognized by Firefox browser

Posted on 2014-11-06
8
463 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 54

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 54

Expert Comment

by:Julian Hansen
ID: 40426546
Can you post a screengrab of what you are seeing?
0
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 

Author Comment

by:bbdesign
ID: 40426552
Yes, here you go.
1.jpg
0
 
LVL 54

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 54

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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

770 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