My website doesn't work on firefox.

So I've made a website for my internship assignment (first year of my study hence the lack of experience). Sadly I've ran into the problem where it works on every browser except firefox.
I was wondering if anyone here could help me solve the problem after countless hours of trying to fix it myself.
So I am using Html,css and some javascript for the website wich I will post below.
html:
<pre><nowiki><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="tartufi.css" media="screen"/>
<title>xxxxxx</title>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
<link href='http://fonts.googleapis.com/css?family=Karla:700' rel='stylesheet' type='text/css'/>
</head>
<body>
<p> </p>
<div class="header">
</div>
<div class="alpha">
<div class="headermenu">
<div class="logo">
</div>
<nav>
<ul id="navigation">
<li><div class="navSection "><a id="nav1" href="">HOME</a> </div></li>
<li><div class="navSection "><a id="nav2" href="">PASSION</a> </div></li>
<li><div class="navSection "><a id="nav3" href="">CONTACT</a> </div></li>
</ul>
</nav>
<div class="talen">
<a href="index.html"><img style="border:0;" src="nederlands.png" alt="English" /></a>
<a href="index_en.html"><img style="border:0;" src="english.png" alt="English" /></a>
<a href="index_du.html"><img style="border:0;" src="deutsch.png" alt="Deutsch" /></a>
</div>
</div>
<div class="content">
<article class="content">
<section id="s1">
<div id="services" class="f">
</div>
</section>
<section id="s2">
<div id="services2" class="b">
<div class="tekstcontent">
</div>
<div class="imagecontent">
</div>
</div>
</section>
<section id="s3">
<div id="services3" class="c">
<div class="contact">
person lastname <br/>
street<br/>
postal code<br/><br/>
<img src="streep.png" alt="" /><br/><br/>
<img src="tel.png" alt=""/>
phone <br/><br/>
<img src="fax.png" alt="" >
fax<br/><br/>
<img src="email.png" alt="" align="center">
<a href="mailto:xxxx@xxxxxxxx" class="contactlink">xxxx@xxxxxxxx</a>
</div>
<div class="imagecontent">
</div>
</div>
</section>
</article>
</div>
<div class="footer">
Copyright © 2014.
<a href="http://www.xxxxx.xxxx/" target="_blank" style="color:grey;">xxxx xxxx xxxxxx</a>
</div>
</div>
</body>
</html>
</nowiki></pre>
CSS:
<pre><nowiki>body {
background-color: black;
background-image:url("background.jpeg");
background-size: 1300px 768px;
background-repeat:no-repeat;
background-position: top;
.alpha {
width: 1300px;
height: 768px;
margin-left: auto;
margin-right: auto;
margin-top: -55px;
position:relative;
.header {
width: 100.9% ;
margin-left: -5px;
height: 100px;
margin-top: -55px;
background-color:white;
opacity: 0.4;
float: left;
.headermenu {
width: 1300px;
height: 120px;
margin-left:auto;
margin-right:auto;
position: absolute;
.logo {
width:263px;
height:350px;
position:relative;
background-image:url("LOGO.png");
background-size:100%;
color:green;
float:left;
background-repeat:no-repeat;
.imagecontent {
width:1300px;
height:648px;
position:relative;
background-image:url("bgcontent.png");
margin-left: 600px;
background-repeat:no-repeat;
.tekstcontent {
width:435px;
height:120px;
position:relative;
background-color:#D6D6D6;
float:left;
margin-left: 263px;
margin-top: 120px;
font-family:Arial, Helvetica, sans-serif;
color:black;
padding-top: 25px;
padding-bottom: 25px;
padding-right: 50px;
padding-left: 20px;
.contact {
width:400px;
height:400px;
font-family:Candara;
position:relative;
float:left;
margin-left: 320px;
margin-top: 70px;
z-index:2;
padding: 10px ;
font-size: 30px ;
text-align: middle;
.content {
width:1300px;
height:648px;
overflow: hidden;
.f {
Width:1300px;
height:648px;
opacity:0;
.b {
Width:1300px;
height: 648px;
background-color: white;
.c {
Width:1300px;
height: 648px;
background-color: white;
.talen {
height:120px;
width:300px;
padding-left: 70px;
float:left;
.footer {
width:1300px;
height:23px;
background-color:#000000;
color:grey;
text-align:center;
/*nav*/
ul#navigation {
list-style:none;
position:relative;
top:-15px;
ul#navigation li {
float:left;
margin-left:20px;
margin-right:-20px;
ul#navigation li a {
display:block;
padding:30.5px 30px;
text-decoration:none;
color:black;
font-size: 33px;
margin-left:10px;
font-family: 'Karla', sans-serif;
font
ul#navigation li a:hover{
background-color: #c62126;
/* page styles */
a {
color: red;
</nowiki></pre>
Javascript:
<pre><nowiki>
$(document).ready(function () {
$('.navSection').on('click', function (e) {
debugger;
var elemId = ""; //eg: #nav2
switch (e.target.id) {
case "nav1":
elemId = "#s1";
break;
case "nav2":
elemId = "#s2";
break;
case "nav3":
elemId = "#s3";
break;
case "nav4":
elemId = "#s4";
break;
$('.content').animate({
scrollTop: $(elemId).parent().scrollTop() + $(elemId).offset().top - $(elemId).parent().offset().top
duration: 1000,
specialEasing: {
width: 'linear',
height: 'easeOutBounce'
complete: function (e) {
//console.log("animation completed");
e.preventDefault();
</nowiki></pre>
There is still some things that need cleaning up. But I need to get the site working on firefox first before I worry about that.

Honestly you just had a "font" randomly in css and I got it to work fine:
[https://guigs.makes.org/thimble/MTIxMzIwMjY4OA==/test-webpage]
what was not working?

Similar Messages

The print function on websites doesn't work in Firefox.

I want to print information from a certain website by selecting the Print View button. That works. But when I select the Print function, nothing happens. In other words, Firefox has stopped printing from websites. Other print functions (such as Word 2007) work just fine.

Same problem, could not print web page. Deleted HP Smart Web Print program. Print function worked after removal. Firefox 4 Beta 8

Firefox crashing AND the scroll feature on my PC finger pad works with other browsers, but doesn't work on Firefox, which just happened since I updated. FRUSTRATING!

Since I updated, Firefox is crashing daily. The finger scroll feature on my PC works with other browsers, but doesn't work on Firefox. It is also very, very slow, but other browsers aren't. I can't use it anymore until it's fixed.

To open the <i>about:config</i> page, type <b>about:config</b> in the location (address) bar and press the "<i>Enter</i>" key, just like you type the url of a website to open a website.<br />
If you see a warning then you can confirm that you want to access that page.<br />
*Use the Filter bar at to top of the about:config page to locate a preference more easily.
*Preferences that have been modified show as bold (user set).
*Preferences can be reset to the default via the right-click context menu if they are user set
*Preferences can be changed via the right-click context menu: Modify (String or Integer) or Toggle (Boolean)
*http://kb.mozillazine.org/about:config

A particular website doesn't work

http://thatguywiththeglasses.com/ has not been working for me for three days. However, other people have said that it works just fine for them. Every time I try to load this website, it tells me this:
Safari can’t open the page “http://thatguywiththeglasses.com/” because the server where this page is located isn’t responding.
There are several other things I must say.
1: I am certain that this is the proper URL, and that the URL has not changed.
2: I have tried other pages of this website, such as http://thatguywiththeglasses.com/videolinks/thatguywiththeglasses/nostalgia-crit ic and still, none of them work.
3: I don't have any way to contact the admin of the site, since, after all, I can't get TO the site.
4: I have tried to log in with Internet Explorer as well. Still tells me the same basic thing: "Oops! Internet Explorer could not connect to thatguywiththeglasses.com"
5: I have gone to the other computer in my house and tried it, with the same results.
6: I have erased all my Safari cookies, the cache, history, downloads, I reset everything multiple times. Same results.
7: I have never, ever had this kind of problem where a particular website doesn't work, but apparently only for me at the same time.
My question is: What is happening, and what can I do to fix it?

I'm having the same problem with my own website. All day today it's been alternating between loading correctly, and displaying an error message that says:
"Safari can’t open the page “http: //www. mydomain.com/” because the server where this page is located isn’t responding."
It works for about 45 minutes, then doesn't work for 15 or 20 minutes.
Yet the techs at my hosting provider say they can view the site.
The same thing happens with other computers in the house (not just mine), and when I try to load the page in Firefox, it doesn't work either.
Somehow I don't believe it's related to Safari.
I'd love to hear if anyone else has any ideas about what generally causes such error messages.

Link on my website doesn't work correctly on my iMac. It works correctly on Safari, and both browsers on my laptop.

Link on my website doesn't work correctly on my iMac. It works okay when using Safari. It also works correctly on my laptop using either browser.

We worked out my problem. My solution turned out to be: Firefox Preferences/Applications. Scroll down until you find "Portable Document Format (application)", click on it and use the dropdown menu to the right and changed "Save file" to "Use Adobe Acrobat Pro (default). I had trouble at first finding if the listing was under Adobe, Acrobat, or what so I used the search feature and found it immediately.
Hope this helps.

Middle mouse button doesn't work in Firefox

On my Lenovo Thinkpad the middle mouse button, that scrolls a web page up and down, doesn't work in Firefox only. In all other programs (including IE) the scroll function of the trackpoint middle button works fine, but in Firefox not at all. One solution described at Firefox is to edit a pref for a "ui.trackpoint_hackenabled" parameter, and I did change that value to 1, and restarted Firefox, but NO luck.
I'm using 4.0.1.

Nobody got any insights?

The wheel of my bluetooth mouse (Thinkpad laser mouse, wireless) doesn't work for Firefox.

I am using Thinkpad laser mouse (bluetooth). The wheel works for msn, IE etc, but doesn't work for Firefox.
I have checked with agent via live chat. None of the configuration regarding mousewheel is bold (under about:config), but then there was some problem with internet...
What should I do? Thanks for the kind help!

Uninstall the "mouse suite". Worked for me.

XML Changer doesn't work in Firefox works in Internet Explorer

Hi
Can anyone help me i have a XML Changer doesn't work in Firefox works in Internet Explorer.
I have posted the page here http://www.endeavourcfl.co.nz/Venues.html as you can see my other flash files work fine, it is only the XML Changer (no pictures appear at all), it was working previously but for some reason it has stopped have tried on many computers, all plugins are up to date and i have FF versions 16 and 17

Its working fin in latest version of Firefox. <br>
Update your Firefox <br>
http://www.mozilla.org/en-US/firefox/all.html
<br><br><br>
Please check if all your plugins are up-to-date. To do this, go to the [http://mozilla.com/plugincheck Mozilla Plugin Check site].
Once you're there, the site will check if all your plugins have the latest versions.
If you see plugins in the list that have a yellow ''Update'' button or a red ''Update now'' button, please update these immediately.
To do so, please click each red or yellow button. Then you should see a site that allows you to download the latest version. Double-click the downloaded file to start the installation and follow the steps mentioned in the installation procedure.

Why do some website forms not work in Firefox?

I went into my wireless phone account to black a phone number. Blocking the phone number doesn't work in Firefox 33, but it does work in IE 11. Why doesn't it work in Firefox 33?

Hi ajm115834,
I do not know, but I would highly recommend contacting the site admin to let them know that this does not work.

Firebug 1.6.2 doesn't work on firefox 3.6.13 ; system: winxp 5.01 sp3

firebug 1.6.2 doesn't work on firefox 3.6.13 ; system: winxp 5.01 sp3
grayed out firebug icon; browser shows for example in VIEWS menu: firebug.Firebug F12

i have met the issue, and want to know to know how to solve it?

Why the hell ADOBE FLASH PLAYER 10.2 DOESN'T WORK on Firefox 4???

Adobe Flash Player 10.2 doesn't work on firefox 4. I downloaded 10 times, I installed and again, "Please install ADOBE FLASH PLAYER"

You appear to have it installed twice. Your system specs show you have both Shockwave Flash 9.0 r28 and Shockwave Flash 10.2 r159 installed.
What I suggest you do here is to uninstall Flash using Adobe's uninstaller which you can download from here: [http://download.macromedia.com/pub/flashplayer/current/uninstall_flash_player.exe uninstall_flash_player.exe]
Close Firefox before you run the uninstaller, then reboot.
Then manually install Flash using this file: [http://fpdownload.adobe.com/get/flashplayer/current/install_flash_player.exe install_flash_player.exe] Close Firefox again before you run it.

Babylon 9 Doesn't work in Firefox 4, in Firefox 3.6.17. no problem!???

Babylon 9 Doesn't work in Firefox 4, in Firefox 3.6.17. no problem!???

Hi
I am form Babylon's Technical Support
To work in all the new browser please update your babylon 9 version using this link
http://www.babylon.com/redirects/download.cgi?type=100
We would be glad to help you with any issue that you encountered. Please contact us at [email protected] and we'll help you get sorted out.

I have updated to Mac X 10.6.8, now You Tube doesn't work in Firefox; why not?

Firefox told me for safety reasons I needed to update the OS on my Mac which I did.
Now You Tube doesn't work in Firefox (though it does in other browsers)
On line I have have found an add-on which claims to fix the problem, but it comes with warnings that there might be safety issues. (Author not verified)
My OS system is up to date, as is Firefox.
Shall I just use another browser?

Try to update the Flash player.
*https://support.mozilla.org/kb/Managing+the+Flash+plugin
*http://kb.mozillazine.org/Flash
*http://www.adobe.com/software/flash/about/
*http://helpx.adobe.com/flash-player.html

Adobe Flash 11.4 doesn't work on firefox

I am currently using windows 7 and firefox 14.0.1
After updating to the latest version of adobe, which is 11.4, anything that requires flash doesn' work. I have tried this on internet explorer 9 and google chrome, which worked perfectly. So, the issue here is that adobe flash 11.4 doesn't work on firefox; also, the browser worked fine before the update. Any help would be appreciated.

Well, for example: youtube.com, it would say an error occurred; otherwise, those that requires flash would display a white box instead.
For C:\Windows\system32\Macromed\Flash:
These are the files within it:
-FlashInstall- text doc.
-FlashUtil64_11_4_402_265_Plugin app
-NPSWF64_11_4_402_265.dll app extension
C:\Windows\syswow64\Macromed\Flash:
-FlashPlayerTrust folder
-FlashInstall text doc.
-flashplayer.xpt file
-FlashPlayerPlugin_11_4_402_265 app
-FlashPlayerUpdaterService app
-FlashUtil32_11_4_402_265_Plugin
-mms.cfg
-NPSWF32_11_4_402_265.dll
Thanks for your reply to my issue.

CpSetValue doesn't work in Firefox and Chrome?

I've made changes in CaptivateMaintimeline.as as suggested by Jim Leichliter in his blog. And I use the following simple htm:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<script src="standard.js" type="text/javascript"></script>
</head>
<body bgcolor="#F1F4F5">
<center>
<div id="CaptivateContent">
</div>
<script type="text/javascript">
var so = new SWFObject("test1.swf", "Captivate", "924", "557", "9", "#CCCCCC");
so.addParam("quality", "high");
so.addParam("name", "Captivate");
so.addParam("id", "Captivate");
so.addParam("wmode", "window");
so.addParam("bgcolor","#F1F4F5");
so.addParam("menu", "false");
so.addVariable("variable1", "value1");
so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
so.write("CaptivateContent");
</script>
<script type="text/javascript">
//document.getElementById('Captivate').focus();
//document.Captivate.focus();
setCaptivateVariable("username", "Ahmet Cetin");
setCaptivateVariable("useremail", "[email protected]");
setCaptivateVariable("userid", "58345");
document.getElementById('Captivate').focus();
document.Captivate.focus();
//document.reload;
//JBL: Custom Function to set Captivate Vars via Javascript
function setCaptivateVariable(myVariable, myValue)
//alert(myVariable + ": " + myValue);
//alert("");
document.getElementById('Captivate').jim_cpSetValue(myVariable, myValue);
</script>
</center>
</body>
</html>
When I run this in IE8, it works almost! perfectly (when I show $$useremail$$ in label in CP4, it shows only [email protected] - one character missing, but anyway, it is not really important for now).
The funny thing is this code doesn't work in Firefox or Chrome. But when I enable any of the alert inside the setCaptivateVariable function, it works also almost! perfectly. Any idea?

Hi Ahmet and welcome to the forums!
When you use a text caption to display variables in Cp, you also have the option to choose how many characters get displayed. The default is 15. If you know your variable will be larger, set the value accordingly. Also, document.getElementById('Captivate') works only for IE. document.Captivate works for the rest. Look at the default.htm publishing template provided by your Captivate install to see how they detect the browser. You can do it their way, but I prefer using jQuery to do the browser detection. It's cleaner and easier to implement.

My website doesn't work on firefox.

Similar Messages

Maybe you are looking for