Site different in Firefox and IE

[Kevin360]

My site looks/acts/feels a pretty much the same in both Firefox and IE. Only one thing that is really sticking out, and that's how my product info pages look. In Firefox (what I normally use... and is how I intended) The photo shows up to the top left, the extra fields contrib shows up to the right of the photo (when I have something in extra fields) and the product name is below the photo with the description below that. However, with IE I noticed the other night that the photo and extra fields are in the same spot.. but the product name and description are too the right instead of under. If there is enough text, it'll wrap around and go below the picture. Any ideas?

[lindsayanng]

something to do with the table layouts that you did when figuring it out to begin with... You will have to revisit the code and look at the IE standards

[Kevin360]

I'm still messing with it to no avail, and noticed another inconsistency with the contrib more category boxes. I guess I''ll just keep "playing" around with it till something works. I'm no coder. If anyone has any other suggestions, I'd be grateful!

[♥kymation]

A trick that I've found helpful is to go through the page code and find the table specifications, then change border="0" to border="1", one at a time. Then go look at your page in your browser. There will be a line around that table and its elements. Is something out of place? Is there a blank cell? If not, change that one back, then keep doing this until you see something wrong.

 

When you find the error, then you need to figure out what's wrong. It's usually a table that is not closed properly, or a table cell that is not properly started or closed. Then find the code that generates that table and fix it.

 

An HTML validator also helps to find errors in your page structure. The validator won't tell you exactly where the problem is, but it will give you an idea of what error you need to be looking for.

 

Regards

Jim

[Kevin360]

A trick that I've found helpful is to go through the page code and find the table specifications, then change border="0" to border="1", one at a time. Then go look at your page in your browser. There will be a line around that table and its elements. Is something out of place? Is there a blank cell? If not, change that one back, then keep doing this until you see something wrong.

 

When you find the error, then you need to figure out what's wrong. It's usually a table that is not closed properly, or a table cell that is not properly started or closed. Then find the code that generates that table and fix it.

 

An HTML validator also helps to find errors in your page structure. The validator won't tell you exactly where the problem is, but it will give you an idea of what error you need to be looking for.

 

Regards

Jim

 

Thanks, that's a good idea. I'll start on that and let you know my results.

-Kevin

[lindsayanng]

using somthing like FIREBUG is a little less time consumin gif you just want to figure out where the containers are and why they are displayng that way.. i dont know if they have the same thing in IE, but you can open IE and firefox at the same time and use firebug to edit your code right on your website live without making any permanent changes... just make sure to take notes so you know what you changed and why