Solved

Compatibility problems with IE4

Posted on 2003-12-07
5
181 Views
Last Modified: 2010-04-09
Hi! Does anyone know what’s wrong with my HTML/CSS? The first screen grab below shows what the page should and does look like in IE6. The second screen grab shows what it looks like in IE4.0 with larger text and incorrectly displayed tables. I’ve also put the CSS and HTML file online as well (see links). Just for the record, these are both part of an MFC program in which all resources (CSS file, images, etc) are stored in the .exe file.

Many thanks in advance! Any ideas welcome.

http://wjdashwood.co.uk/winXPscreengrab.gif
http://wjdashwood.co.uk/win95screengrab.gif
http://wjdashwood.co.uk/welcome.htm
http://wjdashwood.co.uk/styles.css

Will
0
Comment
Question by:wjdashwood
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 31

Expert Comment

by:seanpowell
ID: 9892834
As I'm going through it:

body, text
{
      font-size: 12px;
      background: url(d6_web_wizard) #0e3cab fixed no-repeat left bottom;
      margin: 10px;
      color: #ffffff;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-align: left;
      text-decoration: none;
}

IE4 will probably not cascade the body tag into the table cells, and "text" is not an attribute.

You may wish to try:

body
{
      font-size: 12px;
      background: url(d6_web_wizard) #0e3cab fixed no-repeat left bottom;
      margin: 10px;
      color: #ffffff;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-align: left;
      text-decoration: none;
}

td
{
      font-size: 12px;
      color: #ffffff;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      text-align: left;
      text-decoration: none;
}
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 500 total points
ID: 9892846
As to the image problem, IE4 is liekly expanding the corner cells because the center cell doesn't have a width definition.

Assuming that the corner images are 15 pixels wide and will fill the cell, then add a 100% width declaration to the middle td cell:

<tr>
  <td width="15"><img src="top_left_corner" alt="" /></td>
  <td background="top_bar" width="100%">&nbsp;</td>
  <td width="15"><img src="top_right_corner" alt="" align="right" /></td>
</tr>
0
 

Author Comment

by:wjdashwood
ID: 9895791
Thanks for the suggestions. I'll test them tonight when I get back to my Win95 PC. Everything you suggested sounds quite likely so I'm hopeful :)

Many thanks,
Will
0
 

Author Comment

by:wjdashwood
ID: 9912806
That worked a treat! I also had to remove the align="right" attribute from the corner images but I would have never figured the rest out.

Many thanks!
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9912888
Sorry - I didn't even see that! But I'm glad you're back on track. And thanks.
0

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
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…

707 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