wjdashwood
asked on
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
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
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
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
Many thanks,
Will
ASKER
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!
Many thanks!
Sorry - I didn't even see that! But I'm glad you're back on track. And thanks.
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;
}