HTML - Compatibility With Ie And Not Working With Firefox

Hello all,

I was wondering if anyone can help me, I a site look exactly right in IE7 but Firefox doesn't work... I'm guessing this will be the same as Safari.

The site has been uploaded to here http://www.chappo.co.uk/years_ahead

Please can someone show me where I'm going wrong...

Thanks all!!

Jason

hello. i've been working on a website and everything works/looks fine except when viewing the site with firefox on a mac...

one of the pages has two frames that should work at the same time when a link is clicked on the page. however neither appear. i have another page which has only one frame and it is working fine. so i'm thinking there must be something in my code which is making it impossible for the two frames to work smoothly in firefox. i hope this makes sense...


here is the problem page (with two frames, one to the left of the links and one above the links):



and this page works fine (with one frame to the left of the links):



if anyone can shed some light i'd really appreciate it, thankyou.

I really don't know much about html and I could use some help here.

http://www.hazlethawks.com/hawks/cheer_news.asp

there should be a link on the left menu that says "loud and proud" but it doesn't show up in firefox. IE works fine. Any thoughts? Thanks in advance

I have a flash style drop down on my site www.primenewscenter.com and the menu works fine and how it should in IE and Safari but for some reason not in FireFox, I was wondering if someone could please help? Thanks!

www.primenewscenter.com - main front page
http://www.primenewscenter.com/index-new.php - where the code is for the menu

Thank you

Hi All,

I am new to these forums but I am a long time, 20+ years, programmer and have been working with html for many of those years but I am no expert.

I have been writing pages for an intranet where the employees only use IE, and IE 6 to be precise, company defined, not me.

Some of the pages will now be accessible to outside users so I thought I needed to test on more browsers and I have found an issue with some HTML not working in FF.

<DIV id="idser" class="InnerBox" style="position: absolute; top: 80;
left: 400; height: 68; width: 130">
<A class="link" onClick="dshow('idserdet');
dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist');
dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')">
<IMG SRC="/images/barcode.gif HEIGHT="34" WIDTH="100" BORDER="0">
</A>
<br>
<A class="link" onClick="dshow('idserdet');
dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist');
dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')">
Serial # Search
</A>
</DIV>

<DIV id="idhist" class="InnerBox" style="position: absolute; top: 80;
left: 530; height: 68; width: 130">
<A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link">
<IMG SRC="/images/history.gif HEIGHT="34" WIDTH="32" BORDER="0">
</A>
<br>
<A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link">
View History
</A>
</DIV>

Both lots of code above work in IE, the first DIV with link does not work in FF.

I have tried adding the onClick to the DIV and removed the anchors, I have made HREF="#" and also HREF="javascript;;" and several other permutations but none seem to make the link work in FF.

I have spend hours on this now.

Any/All thoughts/advice will be gratefully accepted.

I'm building a small website with only 5 links. Two of the links work fine while the other three are non-functional in Firefox. All links work fine, as they should from what I can gather, in IE. If anyone could take a gander at the code and point out anything they see that Firefox might not like I'm all ears. I'm totally baffled on this one. I know all the inline CSS makes for cluttered code but it's such a small website I didn't feel like creating a style sheet and having to switch back and forth. I'm using Firefox/3.5.12 for testing the site in Firefox btw.

UPDATE: Problem solved. Had to undo some particular jerryrigging elswhere on the page to overcome a strange gap that there was no rhyme or reason should be there. Found another solution and now the links work fine.

code:


<div style="position: relative; top: 0; left: 0; width: 634px;">
<div style="position: relative; top: 30px; left: 85px; width: 80px; height: 30px; background-image: url(images/blk-gry-light-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a style="color: #000000;" href="index.html">home</a></div>
<div style="position: relative; top: 30px; left: 105px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="walking.html">dogwalking</a></div>
<div style="position: relative; top: 30px; left: 125px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="sitting.html">dogsitting</a></div>
<div style="position: relative; top: 30px; left: 145px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="rates.html">our rates</a></div>
<div style="position: relative; top: 30px; left: 165px; width: 80px; height: 30px; font-size: 16px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; text-align: center; padding: 5px; float: left;"><a href="contact.php">contact us</a></div>
</div>

I have some hmtl code that runs fine under Google Chrome but not under IE8 or Firefox. When i left click links on the left side panel, the linked text disappears until i release the mouse, and even then i am not redirected to the linked page. Here is the website. www.negoaltendinghq.com

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<!-- TemplateBeginEditable name="doctitle" -->
<title>NE Goaltending HQ</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style1 {color: #CA0000}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
a:link {
	color: #F00;
	text-decoration: none;
	}
a:visited {
	color: #F00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #06F;
}
a:active {
	text-decoration: none;
	color: #039;
	display: none;
	line-height: normal;
}
.header {
	font-size: 18px;
}

-->
</style>

<!-- TemplateBeginEditable name="head" -->

<!-- TemplateEndEditable -->

<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a {
	font-size: 16px;
	}
-->
</style>
</head>

<body bgcolor="#660000" text="#000000" alink="#000000" leftmargin="0" topmargin="0">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="101%" id="AutoNumber1" height="244">

  <tr>
    <td width="100%" style="border-style:none;" bgcolor="#E2E2E2" height="auto" valign="top">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5" height="60">
  <tr>
     
        <td width="25%" style="border-style: none; border-width: medium; font-size: 10px; font-style: normal;" height="58" bgcolor="#660000"><p align="center" style="margin-top: 0; margin-bottom: 4px; font-style: inherit; color: #FFF;"><a href="../index.php"><img src="../Pictures/banner_picnew.png" width="293" height="108" align="left"></a><span style="margin-top: 0; margin-bottom: 0; color: #FFF; font-size: 14px;"></span></td>
        
        <td width="61%" style="text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 24px; font-style: italic;" bgcolor="#660000">'New England Hockey Goaltender Headquarters' </td>
        
        <td width="14%" style="font-weight: bolder; text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 14px; font-style: normal;" bgcolor="#660000"><span style="margin-top: 0; margin-bottom: 0; font-style: inherit; color: #FFF;"></span>
          <?php 
			if (isset($_COOKIE["login"]))
 {
 echo "Welcome " . $_COOKIE["login"] . "<br />";
 echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/scripts/logout.php">Logout</a>&nbsp;<a href="/pages/account.php">Account</a></strong></font></b></td>';
 }
 else
  {echo "Welcome guest! <br />";
  echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/login.php">Login</a>&nbsp;<a href="/pages/register.php">Register</a></strong></font></b></td>';
  }
?>
         
    </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width="100%" style="border-style: none; border-width: medium" height="14">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2">
      <tr>
        <td width="20%" height="40" align="center" bordercolor="#E2E2E2" bgcolor="#666666" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"><ul id="MenuBar1" class="MenuBarHorizontal">
          <li class="MenuBarItemSubmenu"><a class="MenuBarItemSubmenu" href="/index.php">Home</a>  
          <ul>
              <li><a href="/index.php">Home Page</a></li>
            
            </ul>
           </li>
           <li><a class="MenuBarItemSubmenu" href="#">Level</a>
            <ul>
              <li><a href="/pages/coming_soon.php">Youth</a></li>
              <li><a href="/pages/coming_soon.php">High School</a></li>
              <li><a href="/pages/coming_soon.php">Juniors</a></li>
              <li><a href="/pages/coming_soon.php">Prep</a></li>
            </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="#">State</a>
            <ul>
              <li><a href="/pages/coming_soon.php">MA</a></li>
              <li><a href="/pages/coming_soon.php">NH</a></li>
              <li><a href="/pages/coming_soon.php">ME</a></li>
              <li><a href="/pages/coming_soon.php">VT</a></li>
              <li><a href="/pages/coming_soon.php">CT</a></li>
              <li><a href="/pages/coming_soon.php">RI</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">Resources</a>
            <ul>
              <li><a href="/pages/coming_soon.php">Playing Tips</a></li>
              <li><a href="/pages/coming_soon.php">Goalie Gear</a></li>
              <li><a href="/pages/coming_soon.php">Development</a></li>
              <li><a href="/pages/jokes.php">Goalie Jokes</a></li>
              <li><a href="/pages/coming_soon.php">Goalie Misc.</a></li>
              <li><a href="/pages/coming_soon.php">NE Leagues and Teams</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Member</a>
            <ul>
              <li><a href="/pages/register.php">Register for free</a></li>
              <li><a href="/pages/login.php">Login</a></li>
              <li><a href="/pages/coming_soon.php">Game Charts</a></li>
              <li><a href="/pages/coming_soon.php">Resume Builder</a></li>
              <li><a href="/pages/coming_soon.php">Browse Profiles</a></li>
              <li><a href="/pages/coming_soon.php">Administrator</a></li>
            </ul>
          </li>
          <li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">Featured </a>
          <ul>
              <li><a href="/pages/coming_soon.php">Featured Goalies</a></li>
         
            </ul>
          </li>
           <li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">About Us</a>
           <ul>
              <li><a href="/pages/coming_soon.php">NEGHQ Charter</a></li>
              <li><a href="/pages/coming_soon.php">Contact Page</a></li>
           </ul>
          </li>
        </ul>    
       
              
        </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width="100%" style="border-style: none; border-width: medium" height="123" valign="top">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6">
      <tr>
        <td width="19%" height="661" valign="top" bgcolor="#660000" style="border-style: none; border-width: medium">
          <div align="center">
     
          <p><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="../Pictures/NEGHQ_logo_small.png" alt="" width="193" height="211" align="middle"></font></font></p>
<p>&nbsp;</p>
       
          </div>
           <table width="200" border="1">
            <tr>
              <td bgcolor="#FFFFFF"><a href="/coming_soon.php">Playing Tips</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Gear</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Coaches and Camps</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Misc.</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/jokes.php">Goalie Jokes</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Featured Goalies</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">NE Leagues and Teams</a></td>
            </tr>
          </table>
          <p>&nbsp;</p>
          <table align='center' width="200" border="1">
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Game Charts</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Resume Builder</a></td>
            </tr>
            <tr>
              <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">View Goaltender Profiles</a></td>
            </tr>
          </table> 
          <p>&nbsp;</p></td>

...too long to put entire source (see webpage for entire source)

</html>

Hi Guys,

Newbie on the forum - so cheers in advance

www.cheesenugget.com/lifecoaching/index1.html

i have tried everything and it does not display on IE 6,7 or 8

It shows fine on Firefox.

Can anyone please shed some light on the issue - i have not added any strange script on it

Well, this is my page. Next time I will use div, but for now this is what I'v got.

http://grimstad.uia.no/nokomdet/bile...ikk/index.html

For some reason, when using firefox, all the hyperlinks that is not text (menu, and other parts of the site) will not be made as buttons, only the smapp space is linkable. If you understand.

In IE and Opera however, it works smooth. Any idea why? Or how to fix this? deadline was 2 hours ago, but I might have the time to fix it, if I can have your help..

If you open this txt file in IE, you should see a nicely formatted page. When you open it up in Firefox, the horizontal rule is hanging out in no man's land. I've tried moving some div's around and creating a div just for the <hr> but nothing seems to work. Anyone have any suggestions?

ps. sorry for having to attach the html as a txt file. i do not have access to host a site.

I'm trying to design a website for my self and I have a problem. My default browser is Safari so I didn't notice the problem till now. I designed the site layout in photoshop and the site in dreamweaver and it works fine in IE and Safari but in Firefox the site layout gets split at the top of the page and you can see the background in a line.

Now the layout has two CSS styles for content in the middle and sidebar on the left both have background color that matches the design #333 and #646464. These are noticeable in the split.

The site is sv-photography.net

Any one got any ideas on how to fix this?

SebastjanV

http://matc.studentsites.net/restorf...nal/index.html

I can't get my bgcolor to display in the main content table. I tried adding it to the tr, td, and the style sheet. Nothing seemed to work. Works fine in IE and Opera. Any ideas?

Edit: Also my text in the footer isn't formating.

I am a graphic designer which is almost a complete idiot about web design, i have some problem making a web site. While i try to open my web site in FIREFOX and IE it does not work. (while safari works well)

the existing link is www.sindysindy.com
when i click the targeted link on the top buttons (about&contact) it open up a new pop up page.
I names the top frame as TOP, the bottom two named "menu" on the left and "mainframe" on the right. While clicking buttons on the "TOP" frame would show other buttons in menu targeting things to show up in "mainframe"

i have already done a web site days ago and i am trying to redo it now : (

would be really really grateful if you can help
Thank you very much indeed!


The following are the codes:


****ALL FRAMES****

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>www.sindysindy.com</title>
</head>
<frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF">
<frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" />
<frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF">
<frame src="Menu.html" id="Menu" />
<frame src="Maincontent.html" id="Mainframe" />
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>




****TOP****

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>www.sindysindy.com</title>
</head>
<frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF">
<frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" />
<frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF">
<frame src="Menu.html" id="Menu" />
<frame src="Maincontent.html" id="Mainframe" />
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>






****mainframe****

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>www.sindysindy.com</title>
</head>
<frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF">
<frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" />
<frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF">
<frame src="Menu.html" id="Menu" />
<frame src="Maincontent.html" id="Mainframe" />
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>




****menu****

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>www.sindysindy.com</title>
</head>
<frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF">
<frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" />
<frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF">
<frame src="Menu.html" id="Menu" />
<frame src="Maincontent.html" id="Mainframe" />
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>