deelightuk
Jul 20 2009, 06:24 AM
Hi, I have created a website in IE8 but when I check it in IE7 there are lines that shouldn't be there, as though some of the pics are too big or small(I have checked that all sizes are correct). It looks fine in IE8 and Firefox but not so good in IE7. I wonder if someone could take a look at it and tell me what they think the problem is?
Click Here
Thanks in advance
Lancaster SEO
Jul 20 2009, 06:36 AM
Hi, did you try fixing your site in IE7 first? then try it to view on your IE8..
Mr. Matt
Jul 22 2009, 05:17 AM
Build it for IE7 and IE6 then place this line in the <head></head> section off all the pages on your site:
CODE
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Short and Sweet, it tells IE8 to render it using IE7
BlueBoden
Jul 22 2009, 10:31 AM
Its a waste of time building anything for IE6, most web designers are dropping support for such old browsers. It should generally work in both IE7 and IE8, if you followed the standards, but currently you got 134 markup errors alone.
It also doesn't make much sense that you use XHTML if you ain't mixing the markup with other XML based languages. About the only advantage XHTML provides, is the ability to mix the markup with other XML based languages.
You got quite a few unquoted attribute values, which should be avoided. Perhaps more important, the width and height attributes doesn't define a unit of measurement, which means that the browser must guess what you mean, which usually just makes it assume that you mean pixels.
Finally, you build the site using tables, which means that you are unlikely to get any competent responses. Very few web designers care to debug messy table based layouts these days, keep in mind that we help for free on these forums. Its very discouraging to debug table based layouts, even more so when the page is mixing deprecated presentational attributes and elements, with css equivalents.
Jurnky
Jul 23 2009, 09:43 AM
The reason why the images are underlined because you nested it with a link. A simple add in CSS will fix the problem.
CODE
img {border:none;}
Or this:
CODE
a img {border:none;}
Thats it! Let me know if that helps.
James White
Aug 3 2009, 03:18 PM
If you struggling with IE7 you can use Conditional Comments to create a alternative stylesheet with can be loaded within your webpage and change certain elements you define in the seperate stylesheet. For example:
CODE
<!--[if IE 7]>
<link rel="stylesheet" href="http://yourwebsite.com/ie7.css" type="text/css" media="all" />
<![endif]-->
This loads the css file ie7.css when someone views your webpage in IE7. All you need to do is put the code between the head section of your webpage(s) and of course have a css file called ie7.css, but with this you can add elements into the ie7.css file and define them differently just for IE7 users without effecting any other browser. Usually conditional comments are good to fix silly margins that IE loves to randomly add when you don't define them.