Solved

Test Centered?

Posted on 2013-11-12
7
250 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Button Css BootStrap 2 32
Blog posts not showing up on Blog page 7 50
Reinstall Putty Windows 7 5 44
How can I convert HTML files to .pdf files? 9 20
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

932 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now