UpandUp

Hello,

I'm writing this here because you bunch seem to be very helpful around here.

I have a site that I did up: http://www.thornleyfans.com/sfa/index.html

The problem I noticed was in FIREFOX, Safari, Opera etc it works fine.....as I recently switched to a mac and am getting used to it I forgot to test it in IE, once I did I noticed the display was wrong.

I've checked the code over and over and cant figure out what IE doesnt like.

If anyone would have any thoughts I would appreciate it.

UpandUp

anyone have any thoughts??

Gino

Wish I could hlep, but I'm not very good at cross browsers optimization. I hate IE stuff always looks bad in it. Firefox is so much better thankfully most users us firefox now.

__________________
CORPORATE IDENTITY CREATION //GRAPHIC DESIGN BLOG // T SHIRT BLOG

spoongraphics

I can't pinpoint any exact problems but the offset images could be down to the IE Box Model:

http://en.wikipedia.org/wiki/Interne..._box_model_bug

__________________
Blog.SpoonGraphics - Design Tutorials, Graphic Design Articles and Free Vector Downloads

Aarlev

You could try to hide certain elements from all other browsers except IE. For example if you want to add a top and bottom margin to the DIV called whatever but only in Explorer you can go *html #whatever {margin:10px 0 5px 0;} in the CSS. Take a look at all your heights, widths, paddings, and margins to make sure they all add up. But yeah I'd take a look at the IE box model as well.

Did you do the site in Dreamweaver/Imageready cause there are a lot of unnecessary elements and images? You could do the whole site using 4 images. 1 background image for the header, 1 vertically repeating background image for the content and 1 background image for the footer. And then 1 image for the rollover effect on the menu that you could do with pure CSS instead of Javascript. Easier for you to update, find errors and the site will be lighter.

__________________
"When was the last time you did something for the first time?"

UpandUp

I sliced in it Photoshop did the save as web and then put it in dreamweaver, I think I'm using too many slices, anyone know of a tutorial or way that it should be done?

Thanks

leon_nerd

I have never used the Photoshop -> HTML method. I personally prefer slicing the items as needed and them arranging them using XHTML & CSS.

Now, I have checked your site. I haven't checked the code yet but I would mention about the image problem in IE. IE sometimes leaves a 3px margin below each image. But, right now the problem is more becoz of direct conversion from PS -> HTML. Maybe you are right in saying that you have too many slices but if it looks good ni Firefox then there has to be a cross browser issue. I don't have access to Firefox right now. Will check out in a while.

Btw, any update on this?

In case you have hands on exposure with HTML then you can check out this tutorial about CSS based layout.