HTML Forum

**MarcAW** · 07-10-2010, 04:20 PM

My website looks the way I want it to when using Firefox, Safari, and Netscape, and Internet Explorer 8. It is having formatting problems and looks terrible when Using Internet Explorer 6 or 7. I am having a hard time trying to fix this problem. Please let me know if anyone has any suggestions. The website is http://www.origindiagnostics.com

Thanks in advance for your help.
Marc

**LadynRed** · 07-10-2010, 05:38 PM

First, you need to fix your coding errors.
The <script> tag belongs INSIDE the <head> section.

The <center> tag -an ugly deprecated tag that isnt' even valid in your doctype, does NOT belong outside the <body> - nothing 'wraps' around the body tags. Use CSS to center your web site - see our stickies for how to do that. In your case, remove the <center> tags and add margin: 0 auto; to your #wrapper css, that will center it w/o that nasty tag.

You've got a serious case of div-itis - what WYSIWYG editor are you using ? Typical of such programs, it produces some really horrible code.

You also shouldn't be using font sizes like "small" and "large" , specify a font size in either px or em units, you'll get much more consistent text rendering cross-browser.

**MarcAW** · 07-10-2010, 06:08 PM

Thanks for your help. I just changed the <script> tag, got rid of the <center> tag, and specified the font like you said. I made the site using dreamweaver.... what is the div-itis? I'm still having the same problems when viewing in Internet Explorer 6 and 7. Explorer 8, Safari, Firefox, Netscape looks fine. Any other suggestions? I really appreciate your help.

**stevecane** · 07-11-2010, 08:41 AM

Type 'cross browser testing' into Google, you'll get lots of useful info.

S

**LadynRed** · 07-11-2010, 02:02 PM

Quote:

what is the div-itis?

It means you're using way too many divs and using divs where other elements, like lists, would be more appropriate and cleaner.

Unless you've got a large number of visitors using IE6, there's no reason to worry about it, let alone to keep supporting that nearly 10 year old piece of junk browser. The sooner designers stop supporting it, the sooner it will be permanently in it's grave where it belongs. Upgrades are free -- in any country.

The site looks ok in IE7, just get rid of the borders on the linked images. Add this to your css: a img{border: none;} to your css.

**MarcAW** · 07-12-2010, 06:43 PM

Thanks again for your response. Where do I add the border:none; in my css? To the a:link? I'm sorry if this is a dumb question but I'm new to programming and basically have been teaching myself. I tried putting it there and nothing happened.

I also am very confused why the cell_2_1 is not the same size as (Cell_1_1, Cell_1_2, Cell 1_3,Cell_1_4) and the same with Cell_5_1 in comparison with (Cell_3_1 - 3_6 ...and Cell_4_1 -4_6) ONLY IN INTERNET EXPLORER 7. They are aligned in the other browsers.

If you could answer this question I would greatly appreciate it. Thanks again for all of your help.

**LadynRed** · 07-13-2010, 03:04 PM

You add this whole thing to the CSS file:

Quote:

a img{border: none;}

**Tezcan** · 07-20-2010, 08:09 PM

Quote:

Originally Posted by LadynRed

First, you need to fix your coding errors.
The <script> tag belongs INSIDE the <head> section.

The <center> tag -an ugly deprecated tag that isnt' even valid in your doctype, does NOT belong outside the <body> - nothing 'wraps' around the body tags. Use CSS to center your web site - see our stickies for how to do that. In your case, remove the <center> tags and add margin: 0 auto; to your #wrapper css, that will center it w/o that nasty tag.

You've got a serious case of div-itis - what WYSIWYG editor are you using ? Typical of such programs, it produces some really horrible code.

You also shouldn't be using font sizes like "small" and "large" , specify a font size in either px or em units, you'll get much more consistent text rendering cross-browser.

Thanks ı have the same problem but ı solved ıt

**johnny.dacu** · 07-21-2010, 10:31 AM

Quote:

Originally Posted by LadynRed

First, you need to fix your coding errors.
The <script> tag belongs INSIDE the <head> section.

First i don't think is correct. It is a good practice to put the scripts at the bottom of page. This way, the code is executed after the page is loaded.

May problems in IE occurs from double margin bug on floated elements. I haven't any multiIE software right now to preview your website. If you could attach a printscreen maybe i'll come with a solution.

**LadynRed** · 07-21-2010, 09:34 PM

My point was that it did not belong where it was. If you are going to be CALLING scripts from external files using the <script> tag as you were, that HAS to go in the <head> of the document.

If you're getting the doubled-float margin bug in IE, then you need to use conditional comments to call a SEPARATE "iefixes.css" file that contains ONLY the code needed to correct the problem. To kill this bug you need to add display: inline to div that has the margin that's getting doubled.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!