Welcome to WebmasterWorld Guest from 3.92.92.168

Forum Moderators: open

Message Too Old, No Replies

HTML Pages not viewing properly in Firefox

     
9:25 am on May 26, 2008 (gmt 0)

New User

10+ Year Member

joined:May 26, 2008
posts: 2
votes: 0


Here is my code - pls help me - Not able to view in Firefox properly

<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>title text</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><table width="730" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" align="left" valign="top"><img src="images/logo.gif" alt="alt text" name="Logo" width="188" height="46" border="0" align="textop" /></td>
<td width="150"></td>
<td width="480" align="right" valign="top"><img src="images/7.jpg" width="336" height="49" border="0" />
</td>
</tr>
</table></h1>
</div>
<div id="menu">
<ul>
<li><a href="index.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="previous.html">Portfolio</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2><table width="100%" border="0" bgcolor="#DFFFFF">
<tr>
<td><font size="1"><a href="#*$!.html">#*$!x</a></font></td>

<td><font size="1"><a href="#*$!.html">#*$!x</a></font></td>
<td><font size="1"><a href="#*$!.html">#*$!x</a></font></td>
<td><font size="1"><a href="#*$!.html">#*$!x</a></font></td>
<td><font size="1"><a href="#*$!.html">#*$!x</a></font></td>
</tr>
</table>

<br>

<table width="100%" border="0">
<tr>
<td><strong><font size="4">#*$!</font></td>
</tr>
<tr>
<td><strong><font size="2">Managing Director</font></td>
</tr>
<tr>
<td><!--<strong><font size="0"><a href="mailto:"></a></font>--></td>
</tr>
</table>
</h2>
<p>TXT

<br><br>

TXTT
<br>
<br>

<strong>Education </strong><br>
TXET
</p>

</div>

<div id="right">
<h2><img src="images/#*$!.jpg" alt="#*$!x" width="110" height="135" border="0" class="img1" /></h2>
<p></p>
<table width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td><!--<font size="2" color="#0000A0"><strong>Current Investments :</strong></font><br>

<br><br>-->
<font size="2" color="#60B7DE"><strong>Past Investments:</strong></font><br>
<font size="1">

<li>Item One</li>
<li>Item Two</li><br>
<li>Item Three</li><br>
<li>Item Four</li><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(another company)<br>
<li>Item Five (w/ another company
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
round led by another company)</li><br>
<li>Item Six (w/ another company;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;another company)</li><br>
<li>Item Seven</li>
<li>Item Eight (w/ another<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;(another)</li><br>
<li>Item Nine (w/ another; IPO '02)</li><br>
<li>Item Ten (Acq: another '05)</li><br>

</font>
</td>
</tr>
</table>

<h2></h2>

</div>
</div>
<div align="center" id="footer">
<br><font size="1"><a href="index.html">About</a> <a href="team.html">Team</a> <a href="previous.html">Portfolio</a> <a href="news.html">News</a> <a href="contact.html">Contact Us</a><br>Copyright Company Name - 2007</font></p>
</div>
</body>
</html>

[edited by: tedster at 8:14 pm (utc) on May 26, 2008]
[edit reason] remove specifics - fix side scroll [/edit]

9:30 am on May 26, 2008 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 27, 2002
posts:1187
votes: 0


hi Mjois,
Welcome to webmasterWorld.

Please describe the issue.

9:38 am on May 26, 2008 (gmt 0)

New User

10+ Year Member

joined:May 26, 2008
posts: 2
votes: 0


I have put the code above. The same html codes not able to view properly on the Firefox browser. Especially the <li>...</li> ones
8:07 pm on May 26, 2008 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


The best place to start with any cross-browser problem is to be sure the source code is valid:

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]

Without that certainty, you can run in circles and never find a fix, because every browser has unique error handling routines.

Just a first look - your code nests a table within an <h1></h1> element - definitely not valid. When there are early errors in a file, then problems can cascade.

2:14 pm on Sept 18, 2008 (gmt 0)

New User

10+ Year Member

joined:Sept 13, 2008
posts: 4
votes: 0


I just ran across a situation where data which had been displaying fine for a few years is now blank. The original person who had created and maintained the site is gone. I made some minor changes last spring and hadn't touched it since -- it looked fine then!

It is a site for a small local church. The code was ugly, part generated from some tool, part hacked by previous people. I laid out an example of "new site," got okay, proceeded to leisurely create something I wouldn't be embarrassed to put my name to. Working slowly, as there is no hurry, I'm not charging and it's in my spare time. I had written up some detailed instructions for someone else to be able to edit certain key places (notes from pastor, service times, what the study material for this week's bible study is, etc.) Nothing major just text substitution. It worked fine. It is html w/ css style sheets.

I took a look at it last night, just for haha's. Aggh! Doesn't display in Firefox 3.0.1 Looks fine from the imac's at school, and on old copies of Firefox.

For the moment, I'm not going to mess w/ gutting each page to fix it. I've inserted a notice on the home page regarding the problem, and temporary workaround (load page in Firefox "IE TAB add-on", or, use ie). Meanwhile I'm inserting some quick-n-dirty temp fixes on key pages themselves, and hurrying up my total rehaul effort -- which is php.

In the sections that are blank, I did notice that there's some weird nesting w/ tables inside of div's It looked like it was done to get text to offset 5 pix smaller than div container. There's also <il> and <ul> areas that are blank.

Just a reminder -- I shoulda "known" this, but do sanity checks on any areas of sites which you may have "inherited" and figured "if it ain't broke, don't fix it" -- it may NOW be BROKE!
_______
ps. After I get the rest of my temp fixes in place, I'll post stippets of what I find.

edited out typo's (duh, i just can't type of proofread today!)

[edited by: SkoolBussDrvr at 2:31 pm (utc) on Sep. 18, 2008]

7:53 pm on Oct 19, 2008 (gmt 0)

New User

10+ Year Member

joined:Sept 13, 2008
posts: 4
votes: 0


FYI(posting example of):
Continuing to work on "new" site, while making only "urgently needed" fixes
This very ugly generated code is such a mess, and being replaced anyway,
I gave up trying to fix style sheet -- forcing changes into html code instead.
In this particular instance, where "font face" and "color" was not defined in CSS,
text did not display at all.

Here is example of code which was invisible in FF3, along w/ quick fix:
The "Original Code Snippet" is visible in IE, but NOT VISIBLE in FF3
While re-reviewing this particular site, I was appalled about such things as
the CHURCH ADDRESS and PHONE NUMBER being non-visible on "ContactUs" page.
I had not noticed it on my initial review for items needing repair,
since the map and directions directly beneath it displayed.

{BEGIN Original Code Snippet}(from old site) -- Does not display in FF3:
<div align="center">
<span style="font-style: normal">
<b>Name of Church</span></b>
</address>
</div>
<div align="center">
<address>
<span style="font-style: normal">
<b>123 Main Street</b>
</span>
</address>
</div>
<div align="center">
<address>
<b><span style="font-style: normal">Hometown, USA</span></b>
</address>
</div>
{END Original Code Snippet}

{BEGIN Quick Fix} (Text now shows up in FF3):
<div align="center"><font face="Arial" color="#000000" size="3">
<b>Name of Church</b>
</div>
<div align="center"><font face="Arial" color="#000000" size="3">
<b>123 Main Street</b>
</div>
<div align="center"><font face="Arial" color="#000000" size="3">
<b>Hometown, USA</b>
</div>
{END Quick Fix}
____________

N.B.: What is of the most concern about this particular display issue, is that the page for the most part "looks right" to visitors to the site. The non-displayed text has blank space (you can see text if you do "Control-A" to highlight whole page. That is now how I am looking for non-displayed text -- toggling "select all" to find "hidden text".