Not displaying with Firefox!?!

For some reason, my new Omeka installation won't show up properly when using Firefox. It's like its not reading the CSS at all. The truly crazy thing is that it works fine with IE. I am running my installation on a WAMP local server, is that part of the problem?

One of the system requirements listed for Omeka is Linux, so I'm afraid you'll likely have trouble setting Omeka up with WAMP.

Could you look at the source code being rendered in your Firefox browser to see if the CSS is being included within the head HTML element?

I checked it out, here's what I got (please forgive the long code)

View Page Source

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Omeka Test</title>

<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />

<link rel="alternate" type="application/rss+xml" title="Omeka RSS Feed" href="/omeka-0.10beta/items/browse?output=rss2" />
<!-- Stylesheets -->
<link rel="stylesheet" media="screen" href="http://localhost/omeka-0.10beta/themes/default/css\screen.css" />
<link rel="stylesheet" media="print" href="http://localhost/omeka-0.10beta/themes/default/css\print.css" />

<!-- JavaScripts -->
<script type="text/javascript" src="http://localhost/omeka-0.10beta/application/views/scripts/javascripts\prototype.js" charset="utf-8"></script>

<script type="text/javascript" src="http://localhost/omeka-0.10beta/application/views/scripts/javascripts\prototype-extensions.js" charset="utf-8"></script>
<script src="http://localhost/omeka-0.10beta/application/views/scripts/javascripts\scriptaculous.js?load=effects,dragdrop" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://localhost/omeka-0.10beta/application/views/scripts/javascripts\search.js" charset="utf-8"></script>

<!-- Plugin Stuff -->

</head>
<body>
	<div id="wrap">

		<div id="header">
			<h1><a href="http://localhost/omeka-0.10beta" >Omeka Test</a>

</h1>
		</div>

		<div id="content">

			<div id="primary-nav">
				<div id="search-wrap">
				    <h2>Search</h2>
				    <form id="simple-search" action="/omeka-0.10beta/items/browse" method="get">
<fieldset>

<input type="text" name="search" id="search" value="" class="textinput" /><input type="submit" name="submit_search" id="submit_search" value="Search" /></fieldset>

</form>				    <a href="/omeka-0.10beta/items/advanced-search">Advanced Search</a>    			</div>

    			<ul class="navigation">
    			    <li class="nav-browse-items"><a href="/omeka-0.10beta/items">Browse Items</a></li>
<li class="nav-browse-collections"><a href="/omeka-0.10beta/collections">Browse Collections</a></li>
    			</ul>
			</div>	

<div id="primary">

    <!-- Featured Item -->
	<div id="featured-item">
		<h2>Featured Item</h2><p>You have no featured items.</p>	</div><!--end featured-item-->

	<!-- Featured Collection -->
	<div id="featured-collection">
	    <h2>Featured Collection</h2><p>You have no featured collections.</p>	</div><!-- end featured collection -->

	<!-- Recent Items -->
	<div id="recent-items">
    	<h2>Recently Added Items</h2>

    		    		    			<p>No recent items available.</p>

    	<p class="view-items-link"><a href="/omeka-0.10beta/items">View All Items</a></p>

	</div><!-- end recent-items -->

	<div id="recent-collections">
	    <h2>Recent Collections</h2>

	    			<p>No recent collections available.</p>	

	    	</div><!-- end recent-collections -->

</div><!-- end primary -->

<div id="footer">

	<p>Proudly powered by <a href="http://omeka.org">Omeka</a>.</p>

	<ul class="navigation">
    	<li class="nav-home current"><a href="/omeka-0.10beta/">Home</a></li>

<li class="nav-browse-items"><a href="/omeka-0.10beta/items">Browse Items</a></li>
<li class="nav-browse-collections"><a href="/omeka-0.10beta/collections">Browse Collections</a></li>
	</ul>

</div><!-- end footer -->

</div><!-- end content -->

</div><!--end wrap-->

</body>

</html>

Then, with "Edit CSS Function" in Firefox, here's what I got

/* Edited with EditCSS */
/**** LINK-tag style sheet css%5Cscreen.css ****/

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /omeka-0.10beta/themes/default/css\screen.css was not found on this server.</p>
</body></html>

Which is interesting. I knew about the Linux requirement, but its so odd that it will work with IE and Chrome, but not Firefox.

I'm not sure this is your problem, but I have previously had problems with firefox and file designations that include both the windows-centric \ and the unix-centric / directory separators. I think perhaps IE is programmed to attempt to interpret these where perhaps Firefox is not. If you take a look at the last line you posted about the requested URL, you'll see that you have .../css\screen.css and that might be causing Firefox to cough. Just a guess, but it might be worth looking at.

Thanks. I think you might be onto something. I will check it out and post if I figure it out.

hi. just joined. i have the same problem. i've installed Omeka on XAMPP Lite on Windows. Firefox do not show properly but Internet Explorer does seem ok( pick up the style sheets)

You may want to search around the forums a little to see what other folks have done, and then troubleshoot.

As you probably have noticed, we do not officially support Omeka running on servers other than Linux.