IEX / Mozilla leftmargin Problem - HTML forum at WebmasterWorld - WebmasterWorld

Forum Moderators: open

Message Too Old, No Replies

IEX / Mozilla leftmargin Problem

alatoo

4:06 pm on Nov 17, 2004 (gmt 0)

10+ Year Member

Hi

My website is not displayed properly on Firefox/Netscape/Opera: the text is aligned on the right of the page and not on the left.

I think it's a problem with a proprietary tag like "leftmargin".

Can anybody help me to make my site FF-compatible? Here's the code:

Thanks guys

Dominique

____________

<HTML>
<HEAD>
<META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Win">
<TITLE>Blue Widgets</TITLE>

</HEAD>
<BODY BGCOLOR="#7BC6CE" LINK="#000000" ALINK="#000000" VLINK="#000000"
BORDER="0" leftmargin="0" topmargin="0" marginwidth="650" marginheight="0">
<table width="630" border="0" cellpadding="ffffffff" height="3%" align="left">
<tr>
<td width="12" height="320">   </td>
<td width="0" height="320" valign="top"> <br>
 <img src="../pictures/titel/home.gif" width="425" height="57"><font face="Arial" size="-1"><font face="Arial" size="2"><b>
</b></font></font><br>
<table width="100%" border="0" height="207">
<tr>
<td colspan="3"><font face="Arial" size="2">Some text</font> </td>
</tr>
<tr>
<td colspan="2"><font face="Arial" size="-1"><font face="Arial" size="-1"><font face="Arial" size="-1"><font face="Arial" size="-1"><font face="Arial" size="2">Some text</font></font><font size="2"> </font></font></font></font></td>
<td rowspan="4" width="35%">
<div align="center"><img src="../pictures/neue_hp/holzmaenner/001.gif" width="180" height="140"></div>
</td>
</tr>
<tr>
<td width="4%" valign="top"><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
<td width="61%"><font face="Arial" size="-1"><font face="Arial" size="2">Some Text</font></font></td>
</tr>
<tr>
<td valign="top" width="4%"><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
<td width="61%"><font face="Arial" size="-1"><font face="Arial" size="2">Some text </font></font></td>
</tr>
<tr>
<td valign="top" height="34" width="4%"><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
<td valign="top" height="34" width="61%"><font face="Arial" size="-1"><font face="Arial" size="2">Some text.</font></font></td>
</tr>
</table>
<font face="Arial, Helvetica, sans-serif" size="2">text</font><font face="Arial" size="-1"><font size="2">text</font></font></td>
</tr>
</table>
<div align="left"></div>
</BODY>
</HTML>

[edited by: BlobFisk at 9:12 am (utc) on Nov. 18, 2004]
[edit reason] Removed Specifics [/edit]

encyclo

4:29 pm on Nov 17, 2004 (gmt 0)

WebmasterWorld Senior Member

10+ Year Member

Welcome to WebmasterWorld [webmasterworld.com], alatoo. You might want to try to edit your post to remove the specifics [webmasterworld.com] included in your markup.

The problem lies with this section of the markup:

<BODY BGCOLOR="#7BC6CE" LINK="#000000" ALINK="#000000" VLINK="#000000"
BORDER="0" leftmargin="0" topmargin="0" [b]marginwidth="650"[/b] marginheight="0">

Internet Explorer does not recognize

marginwidth

, which was a proprietary Netscape-specific attribute. However, Firefox supports it. What you are doing with that attribute is adding a margin with the width of 650 pixels to the left of your page, thus pushing everything over to the right by that amount.

To fix it, just change the value to zero instead of 650:

<BODY BGCOLOR="#7BC6CE" LINK="#000000" ALINK="#000000" VLINK="#000000"
BORDER="0" leftmargin="0" topmargin="0" [b]marginwidth="0"[/b] marginheight="0">

Eventually, you should try to put your page through the HTML validator [validator.w3.org] to clean up such troublesome proprietary attributes and make your page more cross-browser friendly.

alatoo

7:53 am on Nov 18, 2004 (gmt 0)

10+ Year Member

encyclo thank you very much for your advice - it worked! - and sorry that I didn't respect the rules.

Dominique