• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 184
  • Last Modified:

Compatibility problems with IE4

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
wjdashwood
Asked:
wjdashwood
  • 3
  • 2
1 Solution
 
seanpowellCommented:
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
 
seanpowellCommented:
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
 
wjdashwoodAuthor Commented:
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
 
wjdashwoodAuthor Commented:
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
 
seanpowellCommented:
Sorry - I didn't even see that! But I'm glad you're back on track. And thanks.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now