Test Centered?

Odd one? Why in Internet Explorer only is the text on this page centered?

http://www.petenetlive.com/Top_Level/techmain.html

It displays fine in Chrome and Firefox, what do I need to change?

PL
LVL 58
Pete LongTechnical ConsultantAsked:
Who is Participating?
 
unknown_routineConnect With a Mentor Commented:
Your texts are inside a table which is inside a div element and this div  is centered.


 <div align="center">

Try deleting this div to see the effects.
0
 
COBOLdinosaurConnect With a Mentor Commented:
It is probably in quirksmode because of the transitional doctype and so it inherits the obsolete align="center" from the div containing the table, and that may be overriding the CSS.

Try going to a stict doctype (though that may screw up IE<9 or you may need to decide if you really need the obsolete attribute on the div.  

Cd&
0
 
Pete LongTechnical ConsultantAuthor Commented:
Nice one ThanQ - wonder why the other browsers were unaffected :)

PL
0
The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

 
Pete LongTechnical ConsultantAuthor Commented:
I really need to sort that page out, its the only one that's not been changed over the past 3 or 4 rewrites.

It only really sits there to act as a link to all the articles.

PL

Thanks again
0
 
unknown_routineCommented:
I didn't go through the complete code but what I guess is the CSS code responsible to aligning the text in not working in IE.  IE is still by far backward in term of it's ability of using many of the CSS features.
0
 
unknown_routineCommented:
The main question is what type if IE you are using? If 9 or less another solution is to upgrade to IE10.
0
 
COBOLdinosaurCommented:
It is most likely that because you are not using a strict doctype that IE is using compatibility mode. In that case inline attributes sometimes trump CSS in IE.  Because Chrome and Firefox are more compliant to W3C standards they will ignore obsolete attributes if there is a conflicting CSS declaration at any level.

The page looks like it could be brought up to HTML5 without a lot of work and there is a shim you can use to get relatively decent rendering for older versions of IE (<9) that don't understand  HTML5

Cd&
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.