Upload removes 1 pixel from html - why?!

[Rightz]

The html code I've put together works fine in both IE and FF when offline. However once uploaded it seems to be removing one pixel of space from the right hand side of the top table. Meaning the border I have set up (that is coded over to seperate tables) is no longer in line.

What could be causing this to happen online but not on my computer?

I've tried loads of things but can't seem to get it to line up.

Any advice appreciated.

Code:

<center>
<table bgcolor="#990000" width=800 height="78" cellpadding="0" cellspacing="0"><tr><td width=286><img src=logo.png></td>
<td width=514><table bgcolor="white" width="100%" height="100%" cellpadding=0 cellspacing=0><tr><td bgcolor="white" height=100%></td><td bgcolor="white"></td></tr>
<tr><td width="100%" bgcolor="#990000" align=center>Free Trials ¦ Freebies ¦ Competitions ¦ Discount Codes ¦ Links ¦ FAQ</td><td width=20><img src=rcorner.png></td></tr></table>
</td>
</tr>
</table>
<table bgcolor="#990000" width=800 height=10 cellpadding=0 cellspacing=0><tr><td width=10></td><td bgcolor=white width=16><img src=insidelcorner.png></td>
<td bgcolor=white width=748></td><td bgcolor=white width=16><img src=insidercorner.png></td><td width=10></td></tr></table>
<table bgcolor="#990000" width=800 height=400 cellpadding=0 cellspacing=0><tr><td width=10></td><td bgcolor=white width=10></td>
<td bgcolor=white width=760></td><td bgcolor=white width=10</td><td width=10></td></tr></table>
<table bgcolor="#990000" width=800 height=10 cellpadding=0 cellspacing=0><tr><td width=10></td><td bgcolor=white width=16><img src=insidel2corner.png></td>
<td bgcolor=white width=748></td><td bgcolor=white width=16><img src=insider2corner.png></td><td width=10></td></tr></table>
<table bgcolor="#990000" width=800 height=30 cellpadding=0 cellspacing=0><tr><td width=25><img src=bottomleft.png></td>
<td width=750></td><td width=25><img src=bottomright.png></td></tr></table>
</center>

[Rightz]

just to add - it is rcorner.png that moves one pixel to the left when uploaded.

[penders]

When offline are you running in a webserver?

Are you using framed domain forwarding, so your page when online is actually contained in another window?!

Is your host returning a different Content-Type header to what you are serving when offline?

[Rightz]

not using a webserver offline. simply looking at html pages through my folders.

My host is 3ix and don't see why they would be any kind of frames set up.

And not sure about content header. I wouldnt have thought my host adds anything I don't put there!

[penders]

...don't see why they would be any kind of frames set up.

Only if you were possibly forwarding one domain to another.

And not sure about content header. I wouldnt have thought my host adds anything I don't put there!

Do you specify a Content-Type META element, of the form:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

...or similar.

If not then the server should be, and if it's different to what your browser uses locally (it might be utf-8) then your text/spacing could be slightly different?!

Are you using any 3rd party browser stats? This could be injecting a single pixel gif into the page in order to get some browser usage stats?!

These are wild stabs in the dark btw (if you hadn't guessed)!

[Rightz]

Do you specify a Content-Type META element, of the form:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
...or similar.

I wasn't but I have added it and has made no difference.

Frames - no I haven't added any of these. The page is really simple with nothing on other than what you see and a little css. I'm still working on the template for the site!

I've put my uploads on automatic on my ftp - not ansi etc. While i am saving my .html as ansi in notepad.... would this cause the difference when i upload?

and not using any stats system.

[cazgh]

Have you uploaded the image? :)

[Rightz]

Yep all images uploaded - but good thinking! lol

[Marshall]

Another stab in the dark/suggestion:

Specify the size of your images.

Add CSS: img {border:0;padding:0;} You could also add to that border:none; just to be safe.

I am assuming the code you provided is an exact copy of your page. if not, make sure there is no gap between <td><img></td>.

Marshall

[edit]missed a : Oops![/edit]

[edited by: Marshall at 1:46 pm (utc) on Sep. 14, 2007]

[Rightz]

added the css to img border etc and nothing changed.

Having said that it isn't making any chance when I change it to border:1; either.

[edited by: Rightz at 1:59 pm (utc) on Sep. 14, 2007]

[penders]

Recheck your image to make sure that there isn't in fact a 1px white edge on the right of your image! ;)

[Rightz]

Annoyingly that was the first thing I checked - but obviously not well enough must have uploaded wrong version.

PROBLEM SOLVED : STUPIDITY LEVEL - HIGH!