works in IE not in Firefox

Question

bangla 0 Unverified User

13 Years Ago

Hi,

I have a web site written in html/php. I can view the site in Internet Explorer just fine. But I have problem in firefox. When i view in FF, site is a mess. Columns shift left to middle, overlapping, much more.

Pls advise.

Thanks.

php

4 Contributors
5 Replies
215 Views
10 Hours Discussion Span
Latest Post 13 Years Ago Latest Post by almostbob

twiss 155 Veteran Poster

13 Years Ago

Probably there is a problem with your code, can you post it? Also, check it with the w3c validators.

blocblue 238 Posting Pro in Training

13 Years Ago

This sounds like a HTML/CSS issue, rather than PHP. You might get a better response in the HTML/CSS forum. But as Twiss said, if you post your code, please can have a look.

If you have a publicly accessible link, that could be helpful too.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

bangla 0 Unverified User · Answer 1 · 2011-06-01T01:07:52+00:00

pls see the code below:

many thanks.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HEAD>

<TITLE>A list of what you are searching for. </TITLE>

</HEAD>

<font face="Verdana" size="2">   </font>
<font face="Verdana" color="#000080" size="2"><a href="http://www.google.com" TARGET= _blank"><font color="#"><img src="google.bmp" alt="" width="59"

height="32" /></font></a>

</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>

<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND: url('') repeat-x 40% top; "
width="100" border=0>
<TBODY>
<TR>
<TD class=categories_head bgcolor="#0000ff"><B>
<font color="#FFFFFF"> <a href=""><font color="#FFFFFF">
Newspapers</font></a> </font></B>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>

<TD class=foot_text>
</TD></TR>
<TD class=foot_text>
</TD></TR> <TD class=foot_text>
</TD></TR>
<TR>
<TD>
<TABLE style="BACKGROUND: url('') repeat-x 40% top; "
width="100" border=0>
<TBODY>
<TR>
<TD class=categories_head bgcolor="#0000ff"><B>
<font color="#FFFFFF"> <a href=""><font color="#FFFFFF">
<B>Messengers</b></font></a> </font></B>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>

</TBODY></TABLE></DIV></TD></TR>

<TR>
<TD>
<DIV style="width: 150; height: 118">
<TABLE
style="BORDER-RIGHT: #efefff 1px solid; BORDER-TOP: #efefff 1px solid; BORDER-LEFT: #efefff 1px solid; BORDER-BOTTOM: #efefff 1px solid"
cellSpacing=0 width=150 border=0>
<TBODY>
<TR>
<TD>
<TABLE
width="100%" border=0>
<TBODY>
</TBODY></TABLE></TD></TR>

</TBODY></TABLE></DIV></TD></TR><STRONG><!--font size="1" face="Arial">

</TD>

</tr>

</TBODY>

</TABLE></TD></TR></TBODY></TABLE>

<tr>
<TD VALIGN = 'TOP'> <a href="job.php" TARGET = _jobBLANK><font color = "#0000FF" size = "3" face = "verdana"> <b>Job Sites</b></font></A><BR></TD>
<TD VALIGN = 'TOP'> <a href="TaxFiling1.php" TARGET = _multiservices><font color = "#0000FF" size = "3" face = "verdana"> <b>Multi

Services</b></font></A><BR></TD>
</tr>

<tr>
<TD VALIGN = 'TOP'> <a href="Travel1.php" TARGET = _jobBLANK><font color = "#0000FF" size = "3" face = "verdana"> <b>Travel Agents</b></font></A><BR></TD>
<TD VALIGN = 'TOP'> <a href="TaxFiling1.php" TARGET = _multiservices><font color = "#0000FF" size = "3" face = "verdana"> <b></b></font></A><BR></TD>
</tr>

</TABLE>

<DIV id=floatLayer
style="Z-INDEX: 5000; LEFT: 10px; VISIBILITY: hidden; POSITION: absolute; TOP: 10px"
align=left>
<DIV id=InitiateText
style="FONT-WEIGHT: bold; FONT-SIZE: 14px; Z-INDEX: 5001; LEFT: 30px; WIDTH: 275px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; POSITION:

relative; TOP: 145px; HEIGHT: 35px; TEXT-ALIGN: center"
align=right><TBODY></TBODY></TABLE>

<TABLE cellSpacing=0 cellPadding=0 width="20" align=right border=0>
<TBODY>
<TR>
<TD align=right bgcolor="#FF0000" width="300"
<b>
<font size="2" face="Verdana" color="#FFFF00">COUPONS</font></b></TD></TR>

</TD></TR>

</TD></TR>

</TD></TR>

</TBODY></TABLE></DIV></TD></TR></TD></TR>
</TR></TBODY></TABLE></DIV></TD></TR></TABLE>

<TABLE cellSpacing=5 width="90%" border=0 height="77">
<TBODY>
<TR>

<TR><TD class=foot_text align=middle>Thank you for visiting </TD></TR>

blocblue 238 Posting Pro in Training Featured Poster · Answer 2 · 2011-06-01T01:27:34+00:00

You appear to have an awful lot of errors and deprecated attributes littered throughout your code.

I'll start proceedings with a few pointers and let other people contribute too.
1) You're missing the opening <html> tag to match your closing tag;
2) Your CSS height and width declarations are missing the units suffix, e.g. 12px;
3) Some CSS attributes are incomplete;

You look to have started to use CSS, by adding classes and ids to your attributes, but then proceeded to use inline styles??

Also, with development, consistency and properly indenting your code can seriously help with find problems.

R.

almostbob 866 Retired: passive income ROCKS · Answer 3 · 2011-06-01T02:23:12+00:00

when you send code, wrap it [code=html] [/code] tags
it makes it easier to read, and shows you where your errors are by code highlighting

also get a code highlighting editor, harder to make mistakes when bits of code turn RED when you miss things, what ever you are using to write this stuff is killing you, a good editor will not allow the uppercase tag names, will warn you for forgotten closures, will warn for quaotes, bloody marvellous

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HEAD>
<TITLE>A list of what you are searching for. </TITLE>
</HEAD>
<BODY text=#000000 bottomMargin=0 vLink=#000000 aLink=#000000 link=#000000 
leftMargin=0 topMargin=0 rightMargin=0 marginheight="0" marginwidth="0">
<DIV align=center>
<DIV align=center style="width: 927; height: 117">
<TABLE cellSpacing=0 cellPadding=0 width="859" border=0 height="106">
<TBODY>
<TR class=header>
<TD vAlign=center height="78" width="280">
<DIV align=left>

versus

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>A list of what you are searching for. </title>
</head>
<body style='margin:0;' > <!-- deprecated anyway-->
<div align='center'> <!-- deprecated anyway-->
<div align='center' style='width:927px; height:117px'>
<table cellspacing='0' cellpadding='0' width='859px' border='0' height='106px'>
<tbody>
<tr class='header'>
<td valign='center' height="78px" width="280px">
<div align='left'>

such a lot less red

tables are a part of the problem, ie puts margins on the outside, firefox puts margins on the inside or vice versa I cant remember because havent used tables for layout this century align=right fails, should be align='right' , everything with an equal sign should have quotes or dquotes
& the always present, get the styles out into a stylesheet

these standard test beds may assist you http://analyze.websiteoptimization.com/authenticate.php?url=http://www.yoursite.com&/ Speed tweaks

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.yoursite.com&charset=%28detect+automatically%29&doctype=Inline&group=0 html check

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.yoursite.com&profile=css21&usermedium=all&warning=1&lang=en CSS check

http://demo.opera-mini.net/demo.html?www.yoursite.com handheld

http://www.browsershots.org other browsers

many problems (if present) will show
serious code errors in the w3c validator sites will produce blankscreens in browsershots

Valid code does not ensure the site will work ...
Invalid code ensures the site will not work ...
.. in all browser OS combinations

not all layouts work in handheld devices
strictly code based, you understand your content more than I would

0 is valid 0px=0pt=0cm=0in=0em=0littleFuzzyThings===0 , 1px<>1pt<>1cm<>1em<>1in, any non zero measurement needs to know what it measures