Site shows different in different browsers

[JemCraft]

Hi, I set up my site using IE and have now had a look at it in Netscape and Firefox - Oooo errr!

 

Home Page

 

If you look at the home page the pictures are ok in IE, but they are covering the writing slightly in FF and Netscape. If I lower the pictures, will they then not just look too low in IE?

 

If you click on the link 'Online Store' on the Home Page in IE, you get transferred practically immeadiatly. However with FF and Netscape it takes ages to load. What can I do to improve this? I have just installed the Image Magic contrib and the pictures now load a lot quicker but the transferring to the shop still take a while.

 

Once in the shop the borders that appear round everything in IE, do no appear in FF or Netscape - how do I get them to appear? I have looked at the stylesheet, but couldn't see what to change/alter.

 

Also the fonts in IE are all the same, but in FF they are all mismatched and different, why is this? Where/how do I change this? Same with colours for fonts as well.

 

Hoping somebody will be kind enough to help and guide me.

 

Thanks in advance

Jemma

[jasonabc]

Well for a start the homepage has been very badly constructed. A table-less CSS layout does not mean over a hundred absolutely positioned <div>'s all over the place......

 

You are getting transferred practically immediately to the Online store because IE has cached all of the images. When I took a first look the page took nearly half a minute to load on a T4 LAN. Your product images are 100k each - meaning your homepage is over 1.5MB in size - this is ENORMOUS. You must optimise your images for the web - Photoshop Elements will do this for you - it's about $85.

 

Your borders are not appearing in Firefox because you have an error in your stylesheet. Remove the bolded reference and it will work:

 

.infoBox {

background: #CCCCFF;

TABLE.infoBox {

border: 5px;

border-style: solid;

border-color: #9966FF;

border-spacing: 1px;

}

[JemCraft]

Many thanks for pointing me in the right direction Jason, I will get to work!

 

I used Serif Webplus 6.0 to create the homepage - can you suggest something better?

[jasonabc]

If you're not too well up on HTML/CSS coding by hand then any decent WYSIWYG editor will suffice. Dreamweaver is ok, as is Adobe GoLive.

 

Avoid Microsoft FrontPage.

[PD_Steve]

For image compression you can also use LView Pro (google search will find it). It gives much better compression results than photoshop or elements but does not have the design abilities of the aforementioned packages.

 

I use Crimson Editor for my editing, but this is not WYSIWYG. Its a text based editor that I have used for a long time. If your comfortable with being able to create the code without needing to check if its working, then this is an extremely powerful tool.

 

Steve

[JemCraft]

WOW that was quick - thank you Jason really appriciate your help.

 

Jemma