HTML in IE and Firefox

[MadGutts]

Hi ppl...

I have been writing a web site using HTML, it works fine in IE, but firefox "Ignores" the images! Any reason for this?

Also the frames dont seem to be the same size either?

Everything works in IE 4+ but not in the latest version of firefox...

What am i doing wrong?

[MadGutts]

Ok... after furthur investigation, Firefox does not understand the filesystem the same way as IE..

I have in my root folder, a Pages folder, and an images folder.. The pages in the pages folder look at images in the images folder... Make sense?

But when the pages are opened in IE it works, But they do not work in firefox..

how should i refer to the images? the current path is "..\images\image.gif" which is where firefox has a problem..

What should i do !!!!! ?????

[kagaku]

It would help to see the source.

[jamey]

@MadGutts

I would hazard a guess that Firefox only recognizes standard Internet URIs, i.e. those with forward slashes. The backslashed format for a path is strictly a Windows-only thing and quite different from other OSes. So, try changing the path to ../images/image.gif and see if it works then.

[gamehead200]

You should code your HTML according to W3C standards... This way, it will work with any browser:

http://validator.w3.org/

Take my website for example... Its valid XHTML 1.0 Transitional... It will work with any browser, and there's a small surprise for IE users!

[CoffeeFiend]

You should code your HTML according to W3C standards... This way, it will work with any browser:

http://validator.w3.org/

Take my website for example... Its valid XHTML 1.0 Transitional... It will work with any browser, and there's a small surprise for IE users!

Good man I'm one of those XHTML 1.1 Strict nazi's (and CSS2 all the way!)

[zivan56]

Well the reason your webpage does not work is because you are using the wrong slashes. if you use \test.jpg that translates to %5Ctest.jpg (an escape character). The proper slash is always / not matter what filesystem you use (except for Windows)

[jamey]

Good man I'm one of those XHTML 1.1 Strict nazi's (and CSS2 all the way!)

Me too I hate seeing websites coded in FrontPage without a thought for the person who might not be using the Wintel/IE combination of computer and Web browser

[phyxsius]

Well the reason your webpage does not work is because you are using the wrong slashes.  if you use \test.jpg that translates to %5Ctest.jpg (an escape character).  The proper slash is always / not matter what filesystem you use (except for Windows)

i'm gonna go with zivan56 the slashes are wrong

<img src="images/index_02.gif">

try using slashes instead of backslashes and you'll see; it works perfectly!!!

[MadGutts]

I thought of that... the slashes i mean.... but heres some code:

<tr>

  <td align="center" valign="bottom" height="140">

<a href="java script:sflashwindow('mail.htm')">

    <img src="./anims/email1.gif" border="0"></a>

<br>

<img src="..\anims\webcount.gif">

  </td>

</tr>

I know what your thinking... that this won't work... its true...

In ie the first image does not display but the second does...

in Firefox, the first image does not diplay, but the first does...

The anims directory is at the same level as the directory that this code is in. I dont like having loads if directories with duplicate files in, so i have in the root, and images folder, downloads folder, and pages folder and some others...

Is it my file structure that is at fault? i just like things tidy...

BTW... Front page should be deleted and the people who wrote it shot!!!

its crap...

[prathapml]

@MadGutts

You can use different code-branching, based on detection of whether the browser accessing your page is IE or mozilla (like gmail does). Otherwise, why not use both styles of paths.

 <a href="javascript:sflashwindow('mail.htm')">
    <img src="./anims/email1.gif" border="0">
    <img src="..\anims\email1.gif" border="0"></a>

[Mekrel]

Dont use Frontpage - go to W3C Schools and actually learn CSS and html. The power of these things, actually learnt by yourself wipe the floor with the dirty code producers of front page and dreamweaver.

I use Scite and Photoshop Trial for all my web work, and it hardly took anything to learn proper XHTML and CSS2.0.

http://www.neocrome.net/~mekrel86/

making my personal page atm, but it doesnt validate as the LDU sessions get marked up during validation, but as static HTML the front page (only page done atm) marks as full 1.1 Transitional and CSS2.0 valid.

Firefox: W3C compliant - if you code valid, this is how your site should look, but at the same time firefox can do some pretty stupid things. I saw a person once where his site was viewable in FF only. It was because he didnt close a comment tag - thus commenting off his whole site but FF still displayed it.

IE: Cant even render CSS2.0 properly - I thought it was just the Psudeo classes but on my site the #bottom Div is absolutely positioned 29px from the bottom 0 px from the left (and yes positioned in a relative element #container) . In FF it appears where its told to, but in IE it just doesnt want to display it . but nvm its just 1 layout image.

[no_siht]

<tr>

  <td align="center" valign="bottom" height="140">

  <a href="java script:sflashwindow('mail.htm')">

    <img src="./anims/email1.gif" border="0"></a>

  <br>

  <img src="..\anims\webcount.gif">

  </td>

</tr>

notice the single dot on the first image?