Solved

Test Centered?

Posted on 2013-11-12
7
258 Views
Last Modified: 2013-11-12
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
0
Comment
Question by:Pete Long
  • 3
  • 2
  • 2
7 Comments
 
LVL 15

Accepted Solution

by:
unknown_routine earned 250 total points
ID: 39641982
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
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 250 total points
ID: 39642016
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
 
LVL 57

Author Comment

by:Pete Long
ID: 39642043
Nice one ThanQ - wonder why the other browsers were unaffected :)

PL
0
MS Dynamics Made Instantly Simpler

Make Your Microsoft Dynamics Investment Count  & Drastically Decrease Training Time by Providing Intuitive Step-By-Step WalkThru Tutorials.

 
LVL 57

Author Comment

by:Pete Long
ID: 39642050
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
 
LVL 15

Expert Comment

by:unknown_routine
ID: 39642052
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
 
LVL 15

Expert Comment

by:unknown_routine
ID: 39642062
The main question is what type if IE you are using? If 9 or less another solution is to upgrade to IE10.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39642146
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

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question