0

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.

4
Contributors
5
Replies
6
Views
6 Years
Discussion Span
Last Post by almostbob
0

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

0

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.

0

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>


<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>
<img border="0" src="Sunset.jpg" width="590" height="120"></DIV></TD>
<TD vAlign=left height="78" width="829">

<DIV align=left>
<img border="0" src="Winter.jpg" width="590" height="120"<font face="Arial, Helvetica, sans-serif" size="2"></DIV></TD></TR><!--<tr class="header">


<TR>
<TD colSpan=2 height="28" width="1109"><!--<table border='0' style="background:url() top repeat-x;" width='100%'>-->
<TABLE style="BORDER-RIGHT: #efefff 1px solid; BORDER-TOP: #efefff 1px solid; BORDER-LEFT: #efefff 1px solid; BORDER-BOTTOM: #efefff 1px solid"
cellSpacing=5 width="100%" border=0>
<TBODY>


<TR class=header>
</TR>
</TBODY>
</TABLE>

<TABLE cellSpacing=0 cellPadding=0 width="982" border=0>
<TBODY>
<BR><BR>
<TR>
<TD style=" " vAlign= width="154" height=21>

<FONT face="Arial, Helvetica, sans-serif"
size=2><I><font color="#FFFFFF"><img src="BENGALIl.BMP" alt="" width="137" height="39" /></font></I>
</FONT>
</TD>
<TD style="BACKGROUND: #0000ff url('') repeat-x 50% top; "
vAlign=center width="820">
<p align="left">

<font face="Verdana" size="2">&nbsp;&nbsp; </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>

<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#000080" size="2">
<a href="http://www.facebook.com" TARGET= _blank>
<font color="#00FF00"><img src="facebook.png" alt="" width="59" height="32" /> </font></a>

<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#000080" size="2">
<a href="http://www.twitter.com" TARGET= _blank>
<font color="#ffffff"><img src="twitter.png" alt="" width="59" height="32" /></font></a>

<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#000080" size="2">
<a href="http://www.yahoo.com" TARGET= _blank>
<font color="#00FF00"><img src="yahoo.jpg" alt="" width="65" height="32" /> </font></a>

<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#000080" size="2">
<a href="http://www.msn.com" TARGET= _blank>
<font color="#00FF00"><img src="msn.jpg" alt="" width="59" height="32" /></font></a>

<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#000080" size="2">
<a href="http://www.aol.com" TARGET= _blank>
<font color="#00FF00"><img src="aol.png" alt="" width="59" height="32" /></font></a>

<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#000080" size="2">
<a href="http://www.youtube.com" TARGET= _blank>
<font color="#00FF00"><img src="youtube.bmp" alt="" width="59" height="32" /></font></a>


<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#0000ff" size="2">
<a href="http://www.cnn.com" TARGET= _blank>
<font color="#00FF00"><img src="cnn.gif" alt="" width="59" height="32" /></font></a>


<font face="Verdana" size="2">&nbsp;
&nbsp; </font><font face="Verdana" color="#0000ff" size="2">
<a href="http://www.bbc.com" TARGET= _blank>
<font color="#00FF00"><img src="bbc.png" alt="" width="59" height="32" /></font></a>

<!-- <font color="#ffffff"><a href = "mailto:info@bengalilist.com" > <font color = #0000ff> info@bengalilist.com</font></a></font> //-->

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

<DIV align=center></DIV>
<TABLE cellSpacing=2 cellPadding=0 width="50%" border=0 height="">
<TBODY>
<TR>
<TD vAlign=top width="1%" height=>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=2 width=125 border=0><!-- left_navigation //--><!-- categories //-->
<TBODY>
<TR>
<TD>
<DIV style="width: 150; height: ">
<TABLE
style="BORDER-RIGHT: #efefff 1px solid; BORDER-TOP: #efefff 1px solid; BORDER-LEFT: #efefff 1px
solid; BORDER-BOTTOM: #efefff 1px solid"
height=10 cellSpacing=2 cellPadding=0 width=150 border=0>

<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">&nbsp;<a href=""><font color="#FFFFFF">
Newspapers</font></a> </font></B>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>

<TR>
<TD class=categories_head><b><FONT color=black><span style="background-color: #FF8E90">
</span></b></TD></TR>
<TR>

<TD class=foot_text>

<a href="http://www.prothom-alo.com" target =_blank>
<font color="#00FF00"><img src="prothom-alo-logo.jpg" alt="" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>

<TD class=foot_text>
<a href="http://ittefaq.com.bd" target =_blank> <font color="#00FF00"><img src="ittefaq.gif" alt="A" width="100" height="32" /></font></a></TD></TR>

<TD class=foot_text>
</TD></TR>
<TD class=foot_text>
<a href="http://www.jugantor.info" target =_blank>
<font color="#00FF00"><img src="jugantor.jpg" alt="" width="100" height="32" /></font></a></TD></TR>

<TD class=foot_text>
</TD></TR>
<TD class=foot_text>
<a href="http://www.dailynayadiganta.com" TARGET= _blank>
<font color="#00FF00"><img src="noyadigonto.gif" alt="" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>
<TD class=foot_text>
<a href="http://www.dailyjanakantha.com" TARGET= _blank>
<font color="#00FF00"><img src="jonkontho.bmp" alt="" width="100" height="32" /></font></a></TD></TR>

<TD class=foot_text>
</TD></TR>
<TD class=foot_text>
<a href="http://www.dailyinqilab.com" TARGET= _blank>
<font color="#00FF00"><img src="inkilab.gif" alt="" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</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">&nbsp;<a href=""><font color="#FFFFFF">
<B>Messengers</b></font></a> </font></B>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>


<TR>
<TD class=foot_text>
</TD></TR>

<TD class=foot_text>

<a href="http://explore.live.com/windows-live-messenger?os=other" TARGET= _blank>
<font color="#00FF00"><img src="msn.bmp" alt="MSN" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>

<TD class=foot_text>
<a href="http://messenger.yahoo.com/" TARGET= _blank>
<font color="#00FF00"><img src="yahooMessenger.jpg" alt="Yahoo" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>

<TD class=foot_text>
<a href="http://www.aim.com/" TARGET= _blank>
<font color="#00FF00"><img src="aolMessenger.jpg" alt="AOL" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>
<TD class=foot_text>
<a href="http://www.google.com/talk/" TARGET= _blank>
<font color="#00FF00"><img src="googleTalk.jpg" alt="Google Talk" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>
<TD class=foot_text>
<a href="http://www.skype.com/intl/en-us/features/allfeatures/instant-messaging/" TARGET= _blank>
<font color="#00FF00"><img src="Skype.jpg" alt="Skype" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>

<TD class=foot_text>
<a href="http://www.facebook.com/about/messages/" TARGET= _blank>
<font color="#00FF00"><img src="facebookMessenger.jpg" alt="Facebook Messenger" width="100" height="32" /></font></a></TD></TR>
<TD class=foot_text>
</TD></TR>


</TBODY></TABLE></DIV></TD></TR><!-- categories_eof //--><!-- search //-->
<!-- search_eof //--><!-- information //-->
<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><!-- information_eof //--><STRONG><!--font size="1" face="Arial">


<a href="#" onclick=
"window.open('','','width=20,height=10,scrollbars=0')">
</a></font></strong><br />
<img src="Winter.jpg" /--><!-- left_navigation_eof //--></TBODY></TABLE></DIV></STRONG></TD><!-- body_text //-->

<TD vAlign=top width="8%" height="">

<DIV align=center style="width: 100; height: 100">
<TABLE cellSpacing=0 cellPadding=0 width="674" border=0><!-- main_categories //-->
<TBODY>
<TR>
<TD width="100">
<TABLE class=infoBox cellSpacing=0 cellPadding=0 width="673"
border=0 style="border-collapse: collapse; background-color: #FFFFFF" bordercolor="#111111">
<TBODY>


<br><br>


<tr>
<td ALIGN = 'CENTER'>
<a href = "mailto:info@bengalilist.com.com" > <font color = #0000ff> info@list.com</font></a>

</TD>

</tr>


</TBODY>

</TABLE></TD></TR><!-- main_categories_eof //--></TBODY></TABLE>


<TABLE class=infoBoxContents cellSpacing=0 cellPadding=4
width="900" border=15 bordercolor="#c0c0c0" style="border-collapse: collapse">
<br><br>
<tr>
<TD VALIGN = 'TOP'> <a href="sendGift.php" TARGET = _giftBLANK><font color = "#0000FF" size = "3" face = "verdana"> <b>Send Gift </b></font></A><BR></TD>
<TD VALIGN = 'TOP'> <a href="sendMoney.php" TARGET = _moneyBLANK><font color = "#0000FF" size = "3" face = "verdana"> <b>Send Taka </b></font></A><BR></TD>
</tr>

<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><!-- START TAG-->


<TD vAlign=top width="5%" height="">

<DIV align=right>
<TABLE cellSpacing=0 cellPadding=2 width=125 border=0>

<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>

<TR>
<TD align=right width="300">
<a href="DiscountMain.php"><img border="0" src="coupon.jpg" width="120" height="120"></a>
</TR>

<TR>
<TD align=right width="100%">


</TD></TR>


<TR>
<TD align=right width="300">
</TR>

<TR>
<TD align=right width="300">

</TD></TR>

<TR>
<TD align=right width="400">
</TR>

<TR>
<TD align=right width="400">


</TD></TR>

</TBODY></TABLE></DIV></TD></TR><!-- currencies_eof //--></TD></TR>
<!-- right_navigation_eof //--></TR></TBODY></TABLE></DIV></TD></TR></TABLE><!-- body_eof //--><!-- footer //-->


<DIV align=center>

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

<TD align=middle height="65">
<TABLE
style="BORDER-RIGHT: #d2d2d2 1px solid; BORDER-TOP: #d2d2d2 1px solid; BORDER-LEFT: #d2d2d2 1px solid; BORDER-BOTTOM: #d2d2d2 1px solid"
cellSpacing=5 cellPadding=0 width=885>
<TBODY>

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

<TR>
<TD align=middle><!--<img src="bengalilist.bmp" width="244" height="30"><img src="bengalilist.bmp" width="202" height="30">-->
&nbsp;<img border="0" src="bengalilist.bmp" width="342" height="30"> </TD></TR>
</TBODY>
</TABLE>
</TD></TR>
</TBODY></TABLE></DIV><!-- footer_eof //--><!--<div align="center">

<a href="http://csshtmltutorial.com">
<img src="http://csshtmltutorial.com/counter.php?display=uniques&style=12100" alt="Free Web Hit Counter By CSS HTML Tutorial" border="0" />
</a>
</BODY></HTML>

0

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.

0

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

Edited by almostbob: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.