Solved

CSS media query not recognized by Firefox browser

Posted on 2014-11-06
8
498 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
8 Comments
 
LVL 57

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 57

Expert Comment

by:Julian Hansen
ID: 40426546
Can you post a screengrab of what you are seeing?
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

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

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 57

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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
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 elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

739 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