HTML - Why Are Images Broken In Ie But Not Firefox?

Hello,

This would be my first post here, but I require some assistance. I'm sure it's a very basic problem, and I'm sure I'm just not looking at it hard enough (I'm also aware the coding is sloppy), but can anyone possibly explain why the images are appearing as broken? It seems to me that they aren't broken...but it's stumping me.

Code:

<center>
<table width="549" border="1" bordercolor="#ffffff" cellpadding="0" cellspacing="0">
<tr bgcolor="#ffffff">
<td width="549" class="style2"><center><font color="#000000"><font color="#000000"><font face="Verdana" size="1">

<table align = center>
<tr>
<td width = 150> <b> <center> <font color="#000000"> '66 Astros
<td width = 150> <i> <b> <center> <font color="#000000"> <font size = 2> First Round
<td width = 150> <b> <center> <font color="#000000"> '92 Blue Jays
<tr>
<td width = 150 height = 100>
<center>
<img src="http://img247.imageshack.us/my.php?image=9yawe88ejagf9jthh3h3lf1.gif">
<td width = 150> <center> <font size = 3> <b><font color="#000000"> @
<td width= 150 height = 100>
<center>
<img src="http://img247.imageshack.us/my.php?image=1415so1.gif">
<tr>
<td width = 150> <b> <center> <font color="#000000"> <font size = 4> 2
<td width = 150> <center> <font color="#000000"> <font size = 2> <b> <i> Skydome<br> Toronto, ON
<td width = 150> <b> <center> <font color="#000000"> <font size = 4> 6 </table>
</table>

Hello there,

My index page validates completely since I tidied it up using html tidy, but when i run it through browsershots it is still completely broken in firefox, opera, etc. basically anything other than MSIE it displays incorrectly.

If anyone could shed any potential light on the situation it would be greatly appreciated. As you can no doubt tell, I'm no expert on creating web pages using html and css and if a page validates but still doesn't work I can't even begin to try and work out what is going on

I did run my css through a validator and it came up with 30 or so instances of the same error, I hadn't ended a dimension value with px, i had just left the number, could this be the culprit? I have since corrected my style sheet so that it validates completely but I cannot upload from my FTP on the PC i'm currently using to see if it affects the browsershots results.

I just wanted to put it out there and see what the ideas were of people who know a lot more about website building than I do.

Bottom line: if i have an html page and a css page that validate 100% using the w3c standard is it guaranteed to work in all browsers, or are there quirky little things I need to be aware of when wanting my site to display correctly in less popular browsers such as safari etc.?

Any feedback is greatly appreciated. :-)

Sincere thanks in advance,



Alex


Browser screenshots - http://browsershots.org/http://www.alexhaines.co.uk/

HTML Validity results - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Findex.html&charset=%28detect+automatically%29&doctype= Inline&group=0

CSS Validity results - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Fstyle.css&profile=css21&usermedium=all&warning=1&l ang=en

My site - http://www.alexhaines.co.uk

Hi, Im a bit of an amateur and for some reason I cant get an image to display in firefox, but its fine in explorer....

Does anyone know why this might be?

Thanks


Aly_ve

Using the following code column within my datagrid. It gives me different results within firefox and IE. It should show some text and then the image should appear after the text. Within IE 7 it works fine but within firefox 3.6.10 the image is directly over the text. I'm not using a CSS file. This is a page I inherited and I'm asked to fix this. Any help would be appreciated.

Code:

<asp:templatecolumn headertext="Name"  headerstyle-width="90px" sortexpression="varName">
    <itemtemplate>
    
        <asp:label width="10" id="lblName" runat="server">
             <%# DataBinder.Eval(Container.DataItem,"varName")%>
        </asp:label>
         
        <img src='/Images/Info16x16.gif' border=0   />
	
    </itemtemplate>
</asp:templatecolumn>

Hello,

I am building a website for a local organization from an HTML template, and am having issues with images shifting to the right in IE, Firefox and other browsers on PC.

I am working on a Mac and the images appear as they should on Mac browsers, but are shifted a few pixels to the right on PC browsers. Changing the pixel alignment from top and left of the page doesn't solve my problem because then the images will appear too far to the left on a Mac.

Here are examples of two pages. Everything else appears as it should on PC browsers, except for the images.

http://www.chuffed.ca/BIAWebsite/renaissance.html
http://www.chuffed.ca/BIAWebsite/events.html

Thanks in advance for any ideas that might be able to help me out...