By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,648 Members | 1,203 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,648 IT Pros & Developers. It's quick & easy.

IE7 Oddity (Site works in other browsers)

P: 4
HI Folks,

New here but i've followed a few other threads in the past so hoped someone could help!

Have a new site design that seems to work fine in FF/Safari/IE6 but not IE7... i'm not sure where the issue lies, but it seems to be CSS related and the way in which IE7 handles it - though i am also getting an error claiming a variable is either null or not an object - but only in IE7 again....

URL is: http://www.laney.co.uk/Laney07/show_prod.php?prod=A1

In FF/Safari the images appear as required (though different in both!) with a standard float left and right working normally...

I only found out when someone told me as i never used IE7 and the site worked fine in 6, Safari etc so stupidly thought 7 would be ok... am i not doing something blatantly obvious!?

Scott
Mar 26 '07 #1
Share this Question
Share on Google+
6 Replies


P: 24
Not sure if this is relevant but ran it through the javascript validator which gave an error:

Error: Thumbs has no properties
Source File: http://www.laney.co.uk/Laney07/show_prod.php?prod=A1
Line: 119
Mar 26 '07 #2

P: 4
Thanks for that, that's a slightly more useful variation on the error that IE7 gives regarding the object/null thing above!

I'll go and have a look at that....

From some reading around it seems that IE7 handles margins/padding etc differently than other browsers when using <ul> - but i can't find what it actually does differently!
Mar 26 '07 #3

drhowarddrfine
Expert 5K+
P: 7,435
IE uses margin while FF uses padding.

You have 31 html errors.
Mar 26 '07 #4

P: 4
Ah!

Why can't they just agree :(

Is there any way i can set a browser specific tag in the CSS as otherwise a margin AND padding is going to cause no end of grief!

Thanks for the heads up - at least i now what i'm trying to tackle now :)
Mar 26 '07 #5

drhowarddrfine
Expert 5K+
P: 7,435
This is why it is better to set all margins/padding to zero and just adjust them where necessary. You can use conditional comments:

<![if IE 7]>
#myul{
margin:0;
padding:0;
}
<![endif]>

This only works for IE.

Here's a link with more info about the list problem.
Mar 26 '07 #6

P: 4
I have set to 0 though, hence why i was puzzled....

I'll throw that code in and see what i can fathom. Thanks greatly for the help!
Mar 26 '07 #7

Post your reply

Sign in to post your reply or Sign up for a free account.