Solved

how do i stop text overlapping in Internet Explorer 8

Posted on 2010-09-09
4
1,088 Views
Last Modified: 2013-12-08
I have designed a website which looks great everywhere except in IE 8. I have adjusted the CSS on one piece of overlapping text (on my front page) but it has no effect in Explorer. I can see the changes in Firefox on my mac but not in IE on the PC....  arrgh - Internet Explorer - can't say I like it!
0
Comment
Question by:TheCommander
  • 2
4 Comments
 
LVL 14

Assisted Solution

by:Justin Yeung
Justin Yeung earned 70 total points
ID: 33638630
try compatibitliy mode on IE8 and see if you see the change


Tools-->Compatibility View Settings-->add your address to it.
0
 
LVL 3

Accepted Solution

by:
Marbleman earned 180 total points
ID: 33638972
@justinyeung: you cannot tell customers to put their browser into to comp.mode... ;-)

So try to put the browser into strict mode with a doc type on top of the page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd">

Then IE8 bevaves much more like Firefox. But be aware of IE7... strict mode can lead to some strange behaviour here... But I say it is better to make some extra styles for IE7 and have the rest straight forward than the other way round!
0
 

Author Comment

by:TheCommander
ID: 33638982
figured it out!
0
 

Author Closing Comment

by:TheCommander
ID: 33639055
Helped me on my way
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Need help with this homework problem. 5 62
bootstrap wrap text 1 36
Anyone familiar with PhotoSwipe? 3 19
Display Flex does not Wrap Items 2 11
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.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
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…

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