Page appearance in Firefox

DrP · 12-Aug-2005, 01:16 PM #1

Have formed a page using tables and images in table fit together nicely when shown in IE. When looking at page in Firefox a few images are offset. Any ideas why?
Also, I notice when I use <comment>blah,blah</comment> in my source, it shows up as text on the page in Firefox! What should I be doing to prevent this? Again, it's ok in IE.
Shows the value of checking pages in different browsers...
DP

brendandonhu · 12-Aug-2005, 03:34 PM #2

There is no <comment> tag.
Correct way to make a comment in HTML is like this:

DrP · 12-Aug-2005, 05:37 PM #3

Oh! Thanks for that.
Any things I should be aware of when using tables or images in Firefox which don't relate to IE? The images are not offset in IE but are in Firefox.

DrP · 12-Aug-2005, 05:37 PM #4

I think the <comment> business is IE only, btw.
DP

brendandonhu · 12-Aug-2005, 05:40 PM #5

You might be using IE-only attributes like "valign" to format your page.

You can test your page here: http://validator.w3.org

DrP · 12-Aug-2005, 05:45 PM #6

No, defo not used valign.
Thanks for the link Brendan.

DrP · 12-Aug-2005, 06:06 PM #7

Could you help me with these?

These are from the link above when I validated my page.

Line 11 column 31: there is no attribute "TOPMARGIN".
<body leftmargin="0" topmargin="0">
"I thought I had to do this to get rid of the whitespace in IE"

Error Line 15 column 34: there is no attribute "WIDTH".
<td id="leftwhitespace" width="50%"></td>
"What should I use instead?"

Error Line 24 column 23: there is no attribute "HEIGHT".
<td height="91">
"What should I use instead?"

Line 69 column 26: required attribute "ID" not specified.
<map name="home_map">
"Should I be using 'ID' instead of 'name'?"

Line 70 column 74: there is no attribute "TARGET".
...="5,93,53,160" href="/gallery.html" target="_self"
"I did wonder what the 'target' was for!"

Line 71 column 39: character data is not allowed here.
alt="View the picture gallery"/>
"Do I need the '/' ? Is that the problem?"

Line 119 column 45: required attribute "ID" not specified.
<map name="login_map">

Line 137 column 40: there is no attribute "NAME".
width="66" height="79" name="home"></a></td>
"Is this the ID thing again?"

DrP · 12-Aug-2005, 06:07 PM #8

I declared it as a strict XHTML document btw

brendandonhu · 12-Aug-2005, 06:11 PM #9

There are some things there that are IE-only and not actually part of HTML (such as "topmargin"). If you're using XHTML, you must also use CSS for things like "height" and "width".

Can you upload the code for the whole page or give a link to it?

DrP · 12-Aug-2005, 06:13 PM **#10**

When you say upload, do you mean paste it all into a reply?

brendandonhu · 12-Aug-2005, 06:16 PM **#11**

If its fits, yes.
Or you can put it in a .txt file and use the "Manage Attachments" button to attach it.

DrP · 12-Aug-2005, 06:19 PM **#12**

Attached...I think...
DP

brendandonhu · 12-Aug-2005, 06:28 PM **#13**

I can't see the images on the page or the CSS file. Is there a copy of this page online that you can link to?

The errors are because
1- The attributes leftmargin and topmargin don't exist. Get rid of them.
2- The <map> tag requires the attribute "id"
3- All <img> tags must have the "alt" attribute.
4- A closing tag like </tr> shouldn't have any attributes set (you set "id" on one of them.)
5- All tags must be closed...one of your <img> tags is not.
6- The character & should be replaced with &

DrP · 12-Aug-2005, 06:44 PM **#14**

Nice one. I haven't got it online. I will try uploading it at the wknd if I get chance. A couple more Qs if you don't mind answering them. I really appreciate this help.

I take it that where I have used 'name' I should use 'id', e.g. in the <map> element - correct?
I was under the impression that the attributes leftmargin and topmargin were necessary to prevent a small amount of whitespace appearing at the left and top of the window in IE. Am I correct in thinking other browsers would simply disregard this?
If it really is a no-no should I be doing this in CSS?
The validation never brought up the character '&', is that because it was in a string?
Oh, and what was wrong with using width and height in <td> elements? If they are deprecated how should they be done?

brendandonhu · 12-Aug-2005, 06:49 PM **#15**

You can use both "id" and "name". You can also leave leftmargin and topmargin if you want, they just won't do anything in browsers other than IE. The proper way to do that would be to set "margin" and "padding" in CSS.
The validation did bring up the & thing for me, but that may have happened when I copied it from the text file.

As you're using XHTML strict, width and height should be set in CSS.

Search
Search in:
Show Threads Show Posts
Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)