There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Page appearance in Firefox


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
DrP's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
12-Aug-2005, 01:16 PM #1
Page appearance in Firefox
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's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
12-Aug-2005, 03:34 PM #2
There is no <comment> tag.
Correct way to make a comment in HTML is like this:
<!-- My Comment -->
DrP's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
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's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
12-Aug-2005, 05:37 PM #4
I think the <comment> business is IE only, btw.
DP
brendandonhu's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
12-Aug-2005, 05:45 PM #6
No, defo not used valign.
Thanks for the link Brendan.
DrP's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
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's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
12-Aug-2005, 06:07 PM #8
I declared it as a strict XHTML document btw
brendandonhu's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
12-Aug-2005, 06:13 PM #10
When you say upload, do you mean paste it all into a reply?
brendandonhu's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
12-Aug-2005, 06:19 PM #12
Attached...I think...
DP
Attached Files
File Type: txt 1003.txt (7.0 KB, 96 views)
brendandonhu's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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 &amp;
__________________
-Brendan
DrP's Avatar
DrP DrP is offline
Senior Member with 481 posts.
 
Join Date: Jul 2005
Location: UK
Experience: What's a compoota?
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's Avatar
Distinguished Member with 15,988 posts.
 
Join Date: Jul 2002
Location: Ann Arbor, MI
Experience: Advanced
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.
__________________
-Brendan
Reply


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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 12:34 AM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.