Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

CSS media query not recognized by Firefox browser

Posted on 2014-11-06
8
Medium Priority
?
583 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 61

Accepted Solution

by:
Julian Hansen earned 2000 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 61

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 61

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 61

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

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

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

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…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
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…
Suggested Courses
Course of the Month10 days, 20 hours left to enroll

572 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