?
Solved

CSS media query not recognized by Firefox browser

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

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 58

Expert Comment

by:Julian Hansen
ID: 40426546
Can you post a screengrab of what you are seeing?
0
Independent Software Vendors: 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 58

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 58

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

Want to be a Web Developer? Get Certified Today!

Enroll in the Certified Web Development Professional course package to learn HTML, Javascript, and PHP. Build a solid foundation to work toward your dream job!

Question has a verified solution.

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

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
Suggested Courses
Course of the Month11 days, 14 hours left to enroll

752 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